好资源导航 » 文章资讯 » layui表格checkbox选择全选样式及功能的实例

layui表格checkbox选择全选样式及功能的实例

2023-09-15 17:17:05 61

在之前的版本，默认复选框是要有值得，默认为“勾选”两个字，在表格里用来做选择不适合，很难改，还好layui升级后，可以支持不写name值，来适应表格中的选择操作。

1、layui版本号为v1.0.9rls版本(当前最新版本)

	
	
	
	
	
	人物
	民族
	出场时间
	格言
	
	
	
	
	
	贤心
	汉族
	1989-10-14
	人生似修行
	
	
	
	张爱玲
	汉族
	1920-09-30
	于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…

var$=layui.jquery, form=layui.form(); //全选 form.on('checkbox(allChoose)',function(data){ varchild=$(data.elem).parents('table').find('tbodyinput[type="checkbox"]'); child.each(function(index,item){ item.checked=data.elem.checked; }); form.render('checkbox'); });

2、版本号为v1.0.9rls之前的版本需要更新几个文件

（a）layui\lay\dest里的layui.all.js文件

（b）layui\lay\modules里的form.js文件

（c）layui\css里的layui.css文件

将以上三个文件从最新版本中覆盖到原来的版本，即可轻易实现checkbox的样式。

这篇layui表格checkbox选择全选样式及功能的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

layui表格checkbox选择全选样式及功能的实例

热门推荐

随机推荐