layui-table表复选框勾选的所有行数据获取的例子
网络编程 2021-07-04 15:01www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇layui-table表复选框勾选的所有行数据获取的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
项目需求,可以用复选框勾选项目进行提交,如下表
<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表复选框勾选的所有行数据获取的例子就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程