layui-table表复选框勾选的所有行数据获取的例子


Posted in Javascript onSeptember 13, 2019

项目需求,可以用复选框勾选项目进行提交,如下表

<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>

layui-table表复选框勾选的所有行数据获取的例子

layui-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表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
JavaScript 继承详解(一)
Jul 13 Javascript
Mootools 1.2教程 函数
Sep 15 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
Aug 18 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
JS实现的ajax和同源策略(实例讲解)
Dec 01 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
JS实现随机点名器
Apr 12 Javascript
layui表格数据复选框回显设置方法
Sep 13 #Javascript
对layui初始化列表的CheckBox属性详解
Sep 13 #Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
Sep 13 #Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
Sep 13 #Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 #Javascript
深入了解JavaScript 防抖和节流
Sep 12 #Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 #Javascript
You might like
德劲1104的电路分析与改良
2021/03/01 无线电
PHP4实际应用经验篇(3)
2006/10/09 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
Knockoutjs 学习系列(一)ko初体验
2016/06/07 Javascript
js中遍历Map对象的简单实例
2016/08/08 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
js实现的订阅发布者模式简单示例
2020/03/14 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
Python Property属性的2种用法
2015/06/21 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
浅谈python3中input输入的使用
2019/08/02 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
英国在线药房和在线医生:LloydsPharmacy
2019/10/21 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
作弊检讨书1000字
2014/02/01 职场文书
《狮子和兔子》教学反思
2014/03/02 职场文书
婚前协议书范本
2014/04/15 职场文书
市委常委班子党的群众路线教育实践活动整改措施
2014/10/02 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
Redis Stream类型的使用详解
2021/11/11 Redis
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android