Блог

Это продолжение моего последнего вопроса. Что у меня есть, так это следующее:

 <div class="abc">
    <input  id="Response[0]" name="Response[0]" type="checkbox" />
    <input  id="Response[1]" name="Response[1]" type="checkbox" />
    <input  id="Response[2]" name="Response[2]" type="checkbox" />
    <input  id="Response[3]" name="Response[3]" type="checkbox" />
</div>
  

Я слышал от lonesomeday, что одним из способов проверки набора флажков было следующее:

   $('.abc input').change(function() {
if ($('.abc input:checked').length) {
    $('#doCheckMark').prop('disabled', false);
} else {
    $('#doCheckMark').prop('disabled', true);
}
  

Но, похоже, здесь может возникнуть проблема со второй строкой. Я думаю, что это моя ошибка, поскольку я изменил код, чтобы добавить div и a class .

Что происходит, так это то, что при отладке вызывается функция, но затем я не могу добавить watch для проверки значения .abc input:checked . Я предполагаю, что я делаю что-то неправильно, поскольку это выглядит неправильно для имени переменной.

Кто-нибудь может здесь помочь. Правильна ли переменная?

Спасибо

Это то, что вам нужно:

 $('.abc input:checkbox').change(function(){
    if($('.abc input:checkbox:checked:first').length){
        $('#doCheckMark').removeAttr('disabled');
    } else{
        $('#doCheckMark').attr('disabled', 'disabled');
    }
}).trigger('change');
  

Вы можете протестировать это здесь

Он прикрепит change событие к набору флажков и запустит change при загрузке страницы, поэтому кнопка по умолчанию будет отключена. Как только пользователь установит / снимет флажки, он запустит change событие, и в этом случае он проверит, установлены ли вообще какие-либо флажки. Если установлен какой-либо флажок, кнопка останется включенной, в противном случае кнопка будет отключена. Здесь attr нужно использовать атрибут, а не свойство prop .

Попробуйте:

 $('.abc input').change(function() {
if ($(this).is(':checked')) {
    $('#doCheckMark').prop('disabled', false);
} else {
    $('#doCheckMark').prop('disabled', true);
}
});
  

Это переключит #doCheckMark отключенный статус, когда вы переключаете значение флажка. Конечно, это вызовет путаницу, поскольку у вас так много флажков в этой области. Вы хотите переключить оператор disabled, если все флажки активированы? Если это так, попробуйте:

 $('.abc input').change(function() {
if ($('.abc input:checked').length == 4) {
    $('#doCheckMark').prop('disabled', false);
} else {
    $('#doCheckMark').prop('disabled', true);
}
});