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 相关文章推荐
js判断浏览器的比较全的代码
Feb 13 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
javaScript如何生成xmlhttp
Dec 16 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
详解Vue 事件驱动和依赖追踪
Apr 22 Javascript
详解A标签中href=&quot;&quot;的几种用法
Aug 20 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
微信小程序 腾讯地图SDK 获取当前地址实现解析
Aug 12 Javascript
使用Element的InfiniteScroll 无限滚动组件报错的解决
Jul 27 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
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
PHP+MYSQL实现用户的增删改查
2015/03/24 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
PHP将URL转换成短网址的算法分享
2016/09/13 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
php设计模式之单例模式用法经典示例分析
2019/09/20 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
js玩一玩WSH吧
2007/02/23 Javascript
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
jQuery表格行换色的三种实现方法
2011/06/27 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
详解Javascript中DOM的范围
2017/02/13 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
浅谈React Native 中组件的生命周期
2017/09/08 Javascript
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
简单谈谈javascript高级特性
2019/09/04 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
python 不以科学计数法输出的方法
2018/07/16 Python
Python 实现「食行生鲜」签到领积分功能
2018/09/26 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
Python装饰器用法实例分析
2019/01/14 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
The Kooples美国官方网站:为情侣提供的法国当代时尚品牌
2019/01/03 全球购物
酒店大堂副理的职责范文
2014/02/13 职场文书
农民工工资承诺书范文
2014/03/31 职场文书
品牌服务方案
2014/06/03 职场文书
求职意向书
2014/07/29 职场文书
理财计划书
2014/08/14 职场文书
劳动仲裁调解书
2015/05/20 职场文书
你知道Java Spring的两种事务吗
2022/03/16 Java/Android