多选框全选js

多选框全选

html：（引入jquery）

1 //全选
2 <input type='checkbox' id='header-chb' class='header-checkbox' onclick='selectAll(this)'>
3 
4 //单选
5 <input type='checkbox' class='row-checkbox' onclick='selectOne(this)'>

通过click事件触发

js：

 1 //多选
 2 function selectAll(ck) {
 3         var ckArr = $(".row-checkbox");
 4         var chb = $("#header-chb");
 5         if (chb.prop("checked")) {
 6             ckArr.prop("checked", true);
 7         } else {
 8             ckArr.prop("checked", false);
 9         }
10 
11 //单选
12 function selectOne(ck) {
13         var ckArr = $(".row-checkbox");
14         $("#header-chb").prop("checked", ckArr.length == ckArr.filter(":checked").length ? true : false);}

 

posted @ 2018-01-11 15:41  hongqingfu  阅读(276)  评论(0)    收藏  举报