layui实现复选框全选,反选
2024-10-19 17:29:30
html
<div class="layui-input-inline">
<input type="checkbox" class="checkboxAll" lay-skin="primary" lay-filter="allChoose" title='全选'>
</div>
<input type="checkbox" name="check[]" value="{$item.id}" lay-skin="primary" title="{$item.type_name}" lay-filter="oneChoose">
<input type="button" id="sub" class="layui-btn" value="确认添加">
js
layui.use(['layer','form'], function () {
var form = layui.form
,layer = layui.layer; form.on('checkbox(allChoose)', function (data) {
$("input[name='check[]']").each(function () {
this.checked = data.elem.checked;
// console.log(data);
});
form.render('checkbox');
}); }); $('#sub').click(function(){
var items =[];
$("input[name='check[]']:checked").each(
function(){
items.push($(this).val());
})
console.log(items);
})
最新文章
- UIViewControllerTransitioningDelegate, UIViewControllerAnimatedTransitioning
- 常用的js正则表达式
- linux添加自定义的命令!
- [SAP ABAP开发技术总结]数据引用(data references)、对象引用(object references)
- codeforces 553A . Kyoya and Colored Balls 组合数学
- queue 与 vector
- HDU 1041 Computer Transformation
- POJ1329题
- javascript类继承系列三(对象伪装)
- PKCS5Padding与PKCS7Padding的区别
- [Git] 1、常用Git命令行总结(一)
- Kotlin——最详细的数据类、密封类详解
- android获取设备唯一标示
- C#创建控制台项目引用Topshelf的方式,部署windows服务。
- 【github&;&;git】1、github中的watch、star、fork的作用
- JDBC(1)—Connection
- HDU 1079 Calendar Game (博弈或暴搜)
- 为什么要设置Java环境变量(windows)
- Node.js之 EventLoop 理解(转)
- 知识picture
热门文章
- vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件
- Vue2.5开发去哪儿网App 城市列表开发之 兄弟组件间联动及列表性能优化
- C#:使用ListView动态添加数据一直闪烁的解决办法
- 再学Java 之 interface的成员变量
- JVM 监控工具 jstack 和 jvisualvm 的使用
- asp.net core web 添加角色管理
- scala-02-数组的操作
- MVC源码分析 - Action/Result 过滤器(续)
- Makefile中.PHONY的作用
- js Date对象总结