实现
表格的全选和反选功能其实挺，尤其是用复选框控制。这个功能在用户需要批量选择表格数据时实用。你可以通过一个全选复选框来控制其他行内复选框的选中与否。使用JavaScript（也可以配合jQuery）实现起来直观。
，要为每行加一个复选框，像这样：
<input type='checkbox' class='itemCheckbox'>
。，在上面放一个全选复选框，标识为 #selectAll。，通过一个事件监听，点击全选复选框时，控制所有行内复选框的选中状态。
代码示例：
$(document).ready(function() {
$('#selectAll').click(function() {
if ($(this).is(':checked')) {
$('.itemCheckbox').prop('checked', true);
} else {
$('.itemCheckbox').prop('checked', false);
}
});
$('.itemCheckbox').click(function() {
var allChecked = $('.itemCheckbox').length === $('.itemCheckbox:checked').length;
$('#selectAll').prop('checked', allChecked);
});
});
这段代码主要做了两件事：1) 点击全选框时，控制所有复选框的状态。2) 如果行内复选框的状态发生改变，就检查全选框的状态。挺简单吧？
在一些复杂场景下，比如表格动态加载或分页时，你需要重新绑定事件，记得注意哦。如果你做无障碍设计，还可以加一些 aria 标签，让屏幕阅读器也能理解这个交互。
评论区