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 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
javascript倒计时功能实现代码
Jun 07 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
angular中实现控制器之间传递参数的方式
Apr 24 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
代码详解JS操作剪贴板
Feb 11 Javascript
微信小程序自定义轮播图
Nov 04 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
angular4应用中输入的最小值和最大值的方法
May 17 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
php打造属于自己的MVC框架
2012/03/07 PHP
php微信支付接口开发程序
2016/08/02 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
使用apply方法处理数组的三个技巧[译]
2012/09/20 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
2015/03/04 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
JS中判断某个字符串是否包含另一个字符串的五种方法
2018/05/03 Javascript
layui 表格的属性的显示转换方法
2018/08/14 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
2020/05/12 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
python3制作捧腹网段子页爬虫
2017/02/12 Python
Python文件和流(实例讲解)
2017/09/12 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
jupyter notebook引用from pyecharts.charts import Bar运行报错
2020/04/23 Python
python实现远程控制电脑
2019/05/23 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
Python3 获取文件属性的方式(时间、大小等)
2020/03/12 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
广告学专业毕业生自荐信
2013/09/24 职场文书
教师自荐书
2013/10/08 职场文书
暑期培训随笔感言
2014/03/10 职场文书
代理人委托书
2014/09/16 职场文书
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸
索尼ICF-5900W收音机测评
2022/04/24 无线电