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 EXCEL 操作类代码
Jul 30 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
Jan 22 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
Jun 23 Javascript
jquery带有索引按钮且自动轮播切换特效代码分享
Sep 15 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
BootStrap 弹出层代码
Feb 09 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
js Array.slice的8种不同用法示例
Jul 10 Javascript
微信小程序实现写入读取缓存详解
Aug 30 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
详解Vue的mixin策略
Nov 19 Vue.js
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的一个完整SMTP类(解决邮件服务器需要验证时的问题)
2006/10/09 PHP
PHP网站基础优化方法小结
2008/09/29 PHP
PHP几个数学计算的内部函数学习整理
2011/08/06 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
Yii核心验证器api详解
2016/11/23 PHP
jQuery图片轮播的具体实现
2013/09/11 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
2016/12/25 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
2019/01/06 Javascript
详解React项目如何修改打包地址(编译输出文件地址)
2019/03/21 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
[01:11:08]Winstrike vs NB 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
python在linux中输出带颜色的文字的方法
2014/06/19 Python
Python下rrdtool模块的基本使用方法
2015/11/13 Python
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
python实现键盘控制鼠标移动
2020/11/27 Python
python基于C/S模式实现聊天室功能
2019/01/09 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
PyQt5+Caffe+Opencv搭建人脸识别登录界面
2019/08/28 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
Python如何根据时间序列数据作图
2020/05/12 Python
详解Python IO口多路复用
2020/06/17 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
策划总监岗位职责
2014/02/16 职场文书
入党思想汇报怎么写
2014/04/03 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
Python常遇到的错误和异常
2021/11/02 Python
JavaScript 对象创建的3种方法
2021/11/17 Javascript
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers