js 全选按钮逻辑

业务场景

单击全选按钮, 对应区域下的按钮状态全部修改

实现逻辑

通过将全选按钮绑定一个点击事件, 当点击时将制定区域所有checkBox的checked状态改为true

代码示例

1. 页面加载将id为all_normal的checkBox绑定一个点击事件
2. 当该按钮被点击的时候检查自己当前状态
3. 将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);
	    }
	});
};