jquery check-uncheck复选框

jquery check-uncheck checkbox

本问题已经有最佳答案，请猛点这里访问。

当我单击问题时，两个复选框都必须选择/取消选择。我想多次选择和取消选择复选框。它只适用于选择然后取消选择(2次)，然后不再工作。

check boxes

我的代码：

1
2
3
4
5
6
7
8
9

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

你用的方法不对，你应该用prop。

1
2
3
4
5
6
7
8
9

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

您的代码可以简化为

1
2
3

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

设置属性时，它工作正常，但不会更改属性，因此下次检查$(this).is(':checked')时，它仍然处于未选中状态，因为这样会检查属性，而不是属性，这就是它不工作的原因。