layui中全选反选_layui结合form,table的全选、反选v1.0示例讲解

Box" name="" lay-skin="primary" lay-filter="itemChoose">

3、js代码如下：

Box(allChoose)',function(data){

var child = $(data.elem).parents('table').find('tbody input[type="checkBox"]');

child.each(function(index,item){

item.checked = data.elem.checked;

});

form.render('checkBox');

});

form.on('checkBox(itemChoose)',function(data){

var sib = $(data.elem).parents('table').find('tbody input[type="checkBox"]:checked').length;

var total = $(data.elem).parents('table').find('tbody input[type="checkBox"]').length;

if(sib == total){

$(data.elem).parents('table').find('thead input[type="checkBox"]').prop("checked",true);

form.render();

}else{

$(data.elem).parents('table').find('thead input[type="checkBox"]').prop("checked",false);

form.render();

}

});

第一段是全选和反选的功能，第二个是选单个的时候的效果，如果每个单独勾选，当全部选中时，总选开关会自动勾选，反之，如果没有全部选择，总选开关会自动取消选择。

以上这篇layui结合form,table的全选、反选v1.0示例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250

猜你在找的JavaScript相关文章

起因是我之前开发的网页，用到了three.js制作了一个3d的旋转球体效果。 在各种浏览器上运行都没问题，在IE上也做了兼容代码。 但是今天接电话，老板说你这网页在xp上不显示啊。IE上好使。goog

js判断undefined js判断null js判断null和undefined

今天做工作的时候，轻车熟路的做完，又用到了bootstrap的轮播图，觉得有必要安利一下这个插件，如果你需要的轮播图。功能不需要太炫酷，那么bootstrap的插件是你的首要选择。 使用方式 引入js

html 代码 css js代码 function mylsRunHorseLight() { if (mylsTimer != null) { clearInterval(mylsTimer); }

前言 我们经常用到组合键，例如alt⯴，crtlʾnter。在开发中也会有这种需求。 组合键类型 单独组合，二键组合，三键组合 思路 1、获取键盘上的按键 2、阻止浏览器上的默认行为 3、执行自

方式1：splice函数 arrayObject.splice(index,howmany,element1,.....,elementX) index：必选，规定从何处添加/删除元素。 howman

需求 项目有个回车登录功能，在此记录下 实现 我们应该监听当前登录页面的所有回车操作。

``` function getCurrentDate() { var myDate = new Date(); var year = myDate.getFullYear(); //年 var mo