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 import css实例代码
Jul 18 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
JavaScript 对象深入学习总结(经典)
Sep 29 Javascript
React快速入门教程
Jan 17 Javascript
javascript使用btoa和atob来进行Base64转码和解码
Mar 20 Javascript
老生常谈js中的MVC
Jul 25 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
微信小程序 行的删除和增加操作实现详解
Sep 29 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
Discuz! Passport 通行证整合
2008/03/27 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php提交post数组参数实例分析
2015/12/17 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
浅谈PHP错误类型及屏蔽方法
2017/05/27 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
js中关于一个分号的崩溃示例
2013/11/11 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
详解JavaScript作用域 闭包
2020/07/29 Javascript
浅析Python3爬虫登录模拟
2018/02/07 Python
python安装教程
2018/02/28 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
python中比较两个列表的实例方法
2019/07/04 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
python加载自定义词典实例
2019/12/06 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python日志处理模块logging用法解析
2020/05/19 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
python如何修改文件时间属性
2021/02/05 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
意大利制造的男鞋和女鞋:SCAROSSO
2018/03/07 全球购物
奥地利手表、香水、化妆品和珠宝购物网站:Brasty.at
2021/01/17 全球购物
建筑专业自荐信
2013/10/18 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
贫困证明模板(3篇)
2014/09/16 职场文书
2016年春节慰问信息大全
2015/11/30 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript