проверить, установлен ли флажок или nt с помощью jquery

Question

У меня есть этот код для проверки флажка установлен или нет и отключить другие флажки на этой основе, но он всегда читает ложь независимо от выбранного флажка.

<script> 
    function DisableCheckboxes(id) { 
     var isChecked = $(this).is(':checked') ? true : false; 
     if (!isChecked) { 
       document.getElementById("test1").disabled = false; 
       document.getElementsByClassName("EducationCheckbox2001").disabled = false; 

      } else { 
       document.getElementById("test1").disabled = true; 
       document.getElementsByClassName("EducationCheckbox2001").disabled = true; 
      } 
    } 

</script> 

Я не понимаю, что может кто-нибудь мне помочь.

Answer 1

Пройди свой id имя в одинарные кавычки, как

onclick="DisableCheckboxes('test')" 

Вы Mixup javascript и jQuery код. Здесь jQuery код, который вы хотите enabled/disabled ваш флажок. Попробуйте

function DisableCheckboxes(id) 
{ 
    var isChecked = $("#"+id).is(':checked');   
    $("#test1, .EducationCheckbox2001").prop("disabled",isChecked); 
} 

Answer 2

Ваше использование getElementsByClassName имеет проблему, поскольку она возвращает массив, document.getElementsByClassName("EducationCheckbox2001").disabled не будет ничего делать. Кроме того, вы передаете test в котором также переменная не получится, так как нет ни одной переменной с именем test, вы должны были пройти его в виде строки, как onclick="DisableCheckboxes('test')"

<input type="checkbox" name="2011" class="EducationCheckbox2011" value="EducationLiteracyRate2011" id="test" onclick="DisableCheckboxes(this)" /> 

затем

function DisableCheckboxes(el) { 
    $('#test1, .EducationCheckbox2001').prop('disabled', el.checked) 
} 

Я также хотел бы предложить вам чтобы переместить регистрации событий в JQuery вместо использования встраиваемых обработчиков событий, так

<input type="checkbox" name="2011" class="EducationCheckbox2011" value="EducationLiteracyRate2011" id="test" /> 

затем

//dom ready handler 
jQuery(function ($) { 
    //register a change event handler for the div 
    $('#test').change(function (e) { 
     $('#test1, .EducationCheckbox2001').prop('disabled', this.checked) 
    }) 
})