我有一个表格,每行开头都有一个复选框。每个复选框都具有#tablecheckbox的ID。表标题行有一个检查图标,应该检查表中的所有框。我怎么能用jQuery做到这一点?
答案 0 :(得分:5)
此处head_checkbox是顶部标题的id,person类是所有行复选框
$('#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)
$('#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);
}
});