jquery check-uncheck复选框

Question

单击"问题"时,两个复选框都必须选中/取消选中.我想多次选择和取消选中复选框.它仅适用于选择然后取消选择(2次),然后不再工作.

我的代码:

 $(document).ready(function() {
        $('#CHECK-ALL').click(function() {
            if ($(this).is(':checked')) {
                $('#P').attr('checked',true);                
            } else {
                $('#P').attr('checked',false);                
            }
        });
    });

Answer 1

您正在使用错误的方法,您应该使用 prop

$(document).ready(function() {
    $('#CHECK-ALL').click(function() {
        if ($(this).is(':checked')) {
            $('#P').prop('checked',true);                
        } else {
            $('#P').prop('checked',false);                
        }
    });
});

您的代码可以缩减为

$('#CHECK-ALL').click(function() {
    $('#P').prop('checked', this.checked);                
});

当您设置属性时,它工作正常,但它不会更改属性,因此下次检查$(this).is(':checked')它时仍未选中,因为它会检查属性,而不是属性,这就是它无法正常工作的原因.