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')时它仍然未选中，因为它会检查属性，而不是属性，这就是为什么它不起作用。