业务场景
单机全选按钮, 对应区域下的按钮状态全部修改
实现逻辑
通过将全选按钮绑定一个点击事件, 当点击时将制定区域所有checkBox的checked状态改为true
代码示例
- 页面加载将id为
all_normal的checkBox绑定一个点击事件 - 当该按钮被点击的时候检查自己当前状态
- 将id为
tb_normal的tbody下的所有checkbox属性改为true或false
//全选
$(function () {
$("#all_normal").click(function () {
if (this.checked) {
$("#tb_normal :checkbox").prop("checked", true);
} else {
$("#tb_normal :checkbox").prop("checked", false);
}
});
};
