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 相关文章推荐
document.documentElement &amp;&amp; document.documentElement.scrollTop
Dec 01 Javascript
用函数式编程技术编写优美的 JavaScript_ibm
May 16 Javascript
javascript动画之模拟拖拽效果篇
Sep 26 Javascript
js仿百度音乐全选操作
Jan 13 Javascript
angular实现form验证实例代码
Jan 17 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
json对象及数组键值的深度大小写转换问题详解
Mar 30 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
vue中node_modules中第三方模块的修改使用详解
May 31 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php 地区分类排序算法
2013/07/01 PHP
PHP生成图像验证码的方法小结(2种方法)
2016/07/18 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
2013/03/31 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
2015/01/28 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
解决vue自定义全局消息框组件问题
2019/11/22 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
python远程登录代码
2008/04/29 Python
用Python编程实现语音控制电脑
2014/04/01 Python
wxpython学习笔记(推荐查看)
2014/06/09 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
python绘制多个曲线的折线图
2020/03/23 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
idea2020手动安装python插件的实现方法
2020/07/17 Python
Python修改DBF文件指定列
2020/12/19 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
运动会广播稿50字
2014/01/26 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
人事代理委托书
2014/09/27 职场文书
蓬莱阁导游词
2015/02/04 职场文书
2015年社区宣传工作总结
2015/05/20 职场文书
申请吧主发表的感言
2015/08/03 职场文书
给校长的建议书作文300字
2015/09/14 职场文书