项目需求,可以用复选框勾选项目进行提交,如下表
<table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3"> <thead> <tr> <th lay-data="{type:'checkbox'}">ID</th> <th lay-data="{field:'id', width:80}">ID</th> <th lay-data="{field:'t1'}">测试项</th> <th lay-data="{field:'t2', edit: 'text'}">标定参数</th> <th lay-data="{field:'t3'}">标定值</th> </tr> </thead> </table>
我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据
table.on('checkbox(test3)', function(obj){ var checkStatus = table.checkStatus('test3'); console.log(checkStatus.data)//选中行数据 console.log(checkStatus.data.length) }) $('.ttes').click(function () { var index = parent.layer.getFrameIndex(window.name); var checkStatus = table.checkStatus('test3'); console.log(checkStatus.data)//选中行数据 var items = checkStatus.data;
以上这篇layui-table表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- layui表格数据复选框回显设置方法
- layui 数据表格复选框实现单选功能的例子
- 解决layui动态加载复选框无法选中的问题
- layui table复选框禁止某几条勾选的实例
- LayUi中接口传数据成功,表格不显示数据的解决方法
- 解决LayUI数据表格复选框不居中显示的问题