Почему сценарий jQuery запускается только один раз?

Question

У меня есть переключатели, которые просто имеют опции «ДА» и «НЕТ».

<input name="paperAvailable" type="radio" value="Yes" /> Yes 
<input name="paperAvailable" type="radio" value="No"> No 

Я хочу, чтобы скрыть пару строк таблицы (под именем класса «paperavailable» с JQuery сценария, когда параметр «Нет» выбран, и показать строки еще раз, когда пользователь выбирает «Да»

Каким-то образом, функция только кажется, работать один раз при загрузке страницы. это потому, что я поместил функции в document.ready функции?

$(document).ready(function(){ 

$('.paperavailable').hide(); 


//Paper Available columns 
$("input[name='paperAvailable']").click(function() { 
    if ($("input[name='paperAvailable']").val() == "YES") { 
     $(".paperavailable").show(); 
    } 

    else { 
    $(".paperavailable").hide("slow"); 
     } 

}); 

}); 

Answer 1

2 проблемы

1. Сравнение строк чувствительно к регистру - вы имеете значение, установленное в Yes, но в сравнении вы проверяете против YES
2. $("input[name='paperAvailable']").val() всегда возвращает значение первого элемента ввода с именем paperAvailable, вместо этого вам нужно получить значение проверяемый элемент

вам необходимо проверить проверяемого RADIO ящик

$(document).ready(function() { 
    var $paper = $('.paperavailable').hide(); 
    //Paper Available columns 
    var $radios = $("input[name='paperAvailable']").click(function() { 
     if ($radios.filter(':checked').val() == "Yes") { 
      $paper.show(); 
     } else { 
      $paper.hide("slow"); 
     } 
    }); 
}); 

Демо: Fiddle