jquery选中-取消选中复选框[重复]

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