layui的checkbox全选,反选,取消 只需要3行代码

layui的checkbox全选,反选,取消 只需要3行代码

效果：

HTML代码

JS 代码

//监听 checkboxform.on('checkbox(checkAll)', function (data) { //console.log(data.elem); //得到checkbox原始DOM对象 //console.log(data.elem.checked); //是否被选中，true或者false //console.log(data.value); //复选框value值，也可以通过data.elem.value得到 //console.log(data.othis); //得到美化后的DOM对象 let name = data.elem.dataset["checkname"]; let inputCheckList = $("input[name='" + name + "']"); //获取所有checkbox的name为变量name for (var i = 0; i < inputCheckList.length; i++) { inputCheckList[i].checked = data.elem.checked; //把所有checkbox的checked设置为当前复选框的状态true或false } form.render('checkbox'); //更新渲染 });

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。