jquery 选中/取消选中复选框

Question

这个问题已经有答案了:

Setting "checked" for a checkbox with jQuery (44 个回答)

已关闭 6 年前。

当我单击“问题”时，必须选择/取消选择两个复选框。我想多次选择和取消选择复选框。它仅适用于选择然后取消选择(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') 时它仍然处于未选中状态，因为它检查的是属性，而不是属性，这就是它不起作用的原因。