多选框全选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);}