关于javascript：如何检查jQuery中的多个复选框？

checkboxhtmljavascriptjquery

How can I check multiple check boxes in jQuery?

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

我在每一行的开头都有一个带有复选框的表。每个复选框都有TableCheckBox的ID。表格标题行有一个复选图标，该图标应选中表格中的所有框。如何使用jquery完成此操作？

相关讨论

这里head_复选框是顶部标题的ID，person类是all row复选框

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$('#head_checkbox').on('change', function () {
if ($(this).is(':checked')) {
$('.person').attr('checked', true);
} else {
$('.person').attr('checked', false);
}
});

$('.person').click(function () {
var total_length = $('.person').length;
var total_checked_length = $('.person:checked').length;

if (total_length == total_checked_length) {
$('#head_checkbox').attr('checked', true);
} else {
$('#head_checkbox').attr('checked', false);
}
});

相关讨论

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$('#head_checkbox').click(function () {
if ($(this).is(':checked')) {
$('.person').attr('checked', true);
} else {
$('.person').attr('checked', false);
}
});

$('.person').click(function () {
if ($('.person').length == $('.person:checked').length) {
$('#head_checkbox').attr('checked', true);
} else {
$('#head_checkbox').attr('checked', false);
}
});