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 Object的extend是一个常用的功能
Dec 02 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
jQuery div拖拽用法实例
Jan 14 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
Oct 13 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 Javascript
vue项目实现分页效果
Mar 24 Vue.js
利用uni-app生成微信小程序的踩坑记录
Apr 05 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
8个PHP数组面试题
2015/06/23 PHP
WAF的正确bypass
2017/01/05 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
js命名空间写法示例
2015/12/18 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
Vue单文件组件的如何使用方式介绍
2017/07/28 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
JavaScript观察者模式原理与用法实例详解
2020/03/10 Javascript
[19:59]2014DOTA2国际邀请赛 IG战队纪录片
2014/08/07 DOTA
Python可跨平台实现获取按键的方法
2015/03/05 Python
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
Python 实现使用空值进行赋值 None
2020/03/12 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
香港No.1得奖零食网:香港零食大王
2016/07/22 全球购物
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
车贷收入证明范本
2014/01/09 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
俞敏洪一分钟演讲稿
2014/08/26 职场文书
2016年万圣节活动个人总结
2016/04/05 职场文书
Java 数组内置函数toArray详解
2021/06/28 Java/Android
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫