JQuery флажок проблема - не проверять, если он отключен

Question

У меня есть 5 флажков в каждом ряду. Первый «ВСЕ». Я пытаюсь увидеть, отключены ли другие. Итак, если кто-то нажимает на флажок «ВСЕ», мне нужно убедиться, что отключенные не отмечены. Вот что у меня есть:

("input[name^=all_]").each(function() {
var input = $(this);   
var name = input.attr('name');    
var num = /\d+$/.exec(name)[0]; 
$(this).click(function() {

if ($('"#G"+num').attr('disabled',false)) {            
$("#G"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if ($('"#E"+num').attr('disabled',false)) {         
$("#E"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if ($('"#W"+num').attr('disabled',false)) {
$("#W"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if ($('"#S"+num').attr('disabled',false)) {
$("#S"+num).attr('checked', $("#all_"+num).is(':checked'));
}
});

});

Дело в том, что отключенные все равно проверяются, когда я нажимаю «ВСЕ». Что я делаю неправильно? заранее спасибо.

Answer 1

это работает:

 if ( !$("#G"+num).is(':disabled') ) {             
$("#G"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if ( !$("#E"+num).is(':disabled')) {            
$("#E"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if ( !$("#W"+num).is(':disabled') ) {
$("#W"+num).attr('checked', $("#all_"+num).is(':checked'));
}
if (!$("#S"+num).is(':disabled')) {
$("#S"+num).attr('checked', $("#all_"+num).is(':checked'));
}
});

Answer 2

К отметьте все, кроме отключенных

$('input:checkbox:not(:disabled)').attr('checked','checked');

К Снять отметку Все, кроме отключенных

$('input:checkbox:not(:disabled)').removeAttr('checked');

Answer 3

Используйте фильтр jQuery «: disabled» вместо доступа к атрибуту «disabled».

Answer 4

ммм, я бы, наверное, сделал это:

    $('input[name=all]').click(function(){
        var classn = $(this).attr('class');
        $('.'+classn+':not(:disabled)').attr('checked', $(this).is(':checked'));
    });

просто назначьте унифицированный класс для каждой строки, скажем, row_one, row_two и т. Д.

Answer 5

Попробуйте это:

var all_checks = 0;

$(document).ready(function(){
    $("#all").click(function(){ 
    $('input:checkbox:not(:disabled)').attr("checked",!(all_checks==1));
         if (all_checks == 0){all_checks=1;} else {all_checks = 0;};
    });
});

Где #all - это идентификатор главного флажка (который говорит, что Check / Uncheck All ...

Надеюсь, это кому-нибудь поможет! Ричард Реверон

Answer 6

Я знаю, что это старый пост, но у меня был другой подобный подход, где я хотел проверить все флажки, которые не были отключены. Тем не менее, у меня также есть несколько других флажков, которые я не хочу затрагивать этим, поэтому мне нужно было нацелиться только на <div>, который их содержал:

$(function () {
    $('#checkAll').click(function () {
        $('#completed_modules').find(':checkbox:not(:disabled)').attr('checked', this.checked);
    });
});

Работает как шарм. Наслаждайтесь, я надеюсь, что кто-то найдет это полезным.

Answer 7

У меня та же проблема, но мне удалось ее решить, и я думаю, что решение в порядке. Здесь:

$("INPUT[@name="+children+"][type='checkbox']").attr('checked', $(parent).is(':checked'));
$("INPUT[@name="+children+"][type='checkbox'][disabled]").attr('checked', false);

Я думаю, это легко понять. Не надо объяснять дальше, наверное: P Но, пожалуйста, не стесняйтесь спрашивать:)

Answer 8

Может быть, лучше использовать пользовательский интерфейс для переключения «проверить все / снять все» вместо флажка «ВСЕ». Таким образом, 1 кнопка + 4 флажка вместо 5 флажков. Тогда вам не придется возиться с отключением.