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 相关文章推荐
Easy.Ajax 部分源代码 支持文件上传功能, 兼容所有主流浏览器
Feb 24 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
简介JavaScript中valueOf()方法的使用
Jun 05 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
JS判断Android、iOS或浏览器的多种方法(四种方法)
Jun 29 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
React forwardRef的使用方法及注意点
Jun 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
PHP与MySQL交互使用详解
2006/10/09 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
PHP实现按之字形顺序打印二叉树的方法
2018/01/16 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
js实现拉幕效果的广告代码
2015/09/02 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
详解Vue 方法与事件处理器
2017/06/20 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
JavaScript实现新年倒计时效果
2018/11/17 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
antd table按表格里的日期去排序操作
2020/11/17 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
pandas的to_datetime时间转换使用及学习心得
2019/08/11 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
中科软笔试题和面试题
2014/10/07 面试题
什么是测试驱动开发(TDD)
2012/02/15 面试题
护理毕业生自荐信范文
2013/12/22 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
诚信承诺书
2015/01/19 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
小学运动会入场口号
2015/12/24 职场文书