LayUI 简单的全选和反选小例子
2024-10-21 10:17:57
比较简单实用,直接上代码,主要就是 lay-filter="ischange" 触发事件和 checkbox 的 class="ids" 对上就行:
Html:
<th>
<input type="checkbox" id="ischange" lay-filter="ischange"/>
</th> <td style="width:1%;">
<input type="checkbox" class="ids" name="tables" value="${table.name!''}" />
</td>
JS:
<script> layui.use('form', function(){
var form = layui.form;
form.render(); //更新全部
form.on('checkbox(ischange)',function(data){
var a = data.elem.checked;
if(a == true){
$(".ids").prop("checked", true);
form.render('checkbox');
}else{
$(".ids").prop("checked", false);
form.render('checkbox');
}
}); });
</script>
最新文章
- PHP--------TP中的ajax请求
- 打包app命令行
- 我的第一个Socket程序-SuperSocket使用入门(三)
- UITextField-secureTextEntry
- 【Mysql】 my.ini配置一例
- 【Cocos2d-X开发学习笔记】第21期:动画类(CCAnimate)的使用
- UVA 1513 - Movie collection(树状数组)
- mvc+webapi+dapper+ef codefirst项目搭建
- UIImage分类:返回一个可以拉伸的图片
- Jfinal中Db类的的使用
- Object.defineProperties()和Object.defineProperty()方法
- RabbitMQ消息队列(十)-高可用集群部署实战
- Codevs1541[USACO]围墙涂色
- 分布式全文检索引擎之ElasticSearch
- 【暴力枚举&;BFS】Flow Free @RMRC2017/upcexam5124
- Windows下用VS2015+MSYS编译OpenH264
- 阿里云的云虚拟主机安装dede提示数据库连接失败的解决办法
- bind系统调用
- 并发编程>;>;四种实现方式(三)
- 生存分析/Weibull Distribution韦布尔分布