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查询DBpedia小应用实例学习
Mar 07 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
JavaScript动态添加css样式和script标签
Jul 19 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
js+html获取系统当前时间
Nov 10 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
package.json各个属性说明详解
Mar 11 Javascript
Javascript 模拟mvc实现点餐程序案例详解
Dec 24 Javascript
react合成事件与原生事件的相关理解
May 13 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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
利用PHP扩展Xhprof分析项目性能实践教程
2018/09/05 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
javascript简易缓动插件(源码打包)
2012/02/16 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
jQuery过滤特殊字符及JS字符串转为数字
2016/05/26 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
[36:19]2018DOTA2亚洲邀请赛 小组赛 A组加赛 Newbee vs LGD
2018/04/03 DOTA
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python实现端口复用实例代码
2014/07/03 Python
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
python分析作业提交情况
2017/11/22 Python
如何使用 Pylint 来规范 Python 代码风格(来自IBM)
2018/04/06 Python
Python使用Shelve保存对象方法总结
2019/01/28 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
python实现翻转棋游戏(othello)
2019/07/29 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
python实现批处理文件
2020/07/28 Python
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
JAVA的事件委托机制和垃圾回收机制
2014/09/07 面试题
我爱我的祖国演讲稿
2014/05/04 职场文书
活动总结书
2014/05/08 职场文书
婚礼秀策划方案
2014/05/19 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
实践论读书笔记
2015/06/29 职场文书
2015毕业设计工作总结
2015/07/24 职场文书
Python开发简易五子棋小游戏
2022/05/02 Python