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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
取键盘键位ASCII码的网页
Jul 30 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
javascript原生ajax写法分享
Apr 10 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 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实现分页的一个示例
2006/10/09 PHP
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
php 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
PHP操作MySQL事务实例
2014/11/05 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
php获取网页上所有链接的方法
2015/04/03 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
PHP实现验证码校验功能
2017/11/16 PHP
详解php用static方法的原因
2018/09/12 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
Laravel5.1 框架数据库操作DB运行原生SQL的方法分析
2020/01/07 PHP
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
JS模拟并美化的表单控件完整实例
2015/08/19 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
纯js代码制作的网页时钟特效【附实例】
2016/03/30 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
2017/12/28 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
2020/07/12 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python和php通信乱码问题解决方法
2014/04/15 Python
Python中列表(list)操作方法汇总
2014/08/18 Python
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python实现Event回调机制的方法
2019/02/13 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
Python3使用Selenium获取session和token方法详解
2021/02/16 Python
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
工作时间上网检讨书
2014/02/03 职场文书
犯错检讨书
2014/02/21 职场文书
服装仓管员岗位职责
2014/06/17 职场文书
经营目标管理责任书
2014/07/25 职场文书
社保转移委托书范本
2014/10/08 职场文书
2015年公路养护工作总结
2015/05/13 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python