要实现的功能:
- 如果全选按钮是选中状态,则表格中的checkbox全部选中
- 如果全选按钮是未选中状态,则表格中的checkbox全部取消选中
1. html-body
- 为thead标签中的<input type=checkbox>标签添加id
2. tbody
市场活动表的内容通过如下代码拼接到tbody里面
我们在js代码中,定义了queryActivityByConditionForPage()函数,查询结果如下方式显示在tbody中
2. html-script
为thead中的input标签添加id
获取tbody的子标签input且input的type属性为checkbox
再把checked属性设置为true。利用prop,为什么不用attr?因为属性值为true、false的属性不能使用attr获取
//为”全选“按钮添加点击事件
$("#checkAll").click(function(){
//如果
if(this.checked==true){
$("#tbodyId input[type='checkbox']").prop("checked",true);
}else{
$("#tbodyId input[type='checkbox']").prop("checked",false);
}
});
点击添加id为“check All”的checkbox,tbody中的所有checkbox都被选中
也有洁简写法如下:
$("#checkAll").click(function () {
$("#tbodyId input[type='checkbox']").prop("checked",this.checked);
});