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笔记 String类replace函数的一些事
Sep 22 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
Nov 20 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
前端性能优化及技巧
May 06 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
js 概率计算(简单版)
Sep 12 Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 Javascript
vuex的使用及持久化state的方式详解
Jan 23 Javascript
javascript实现商品图片放大镜
Nov 28 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
js实现模拟购物商城案例
May 18 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
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
javascript实现div的显示和隐藏的小例子
2013/06/25 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
AngularJS 路由详解和简单实例
2016/07/28 Javascript
js表单登陆验证示例
2016/10/19 Javascript
vue.js之vue-cli脚手架的搭建详解
2017/05/05 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
js贪心算法 钱币找零问题代码实例
2019/09/11 Javascript
vue实现弹幕功能
2019/10/25 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
python网络编程学习笔记(五):socket的一些补充
2014/06/09 Python
python里大整数相乘相关技巧指南
2014/09/12 Python
python使用正则表达式提取网页URL的方法
2015/05/26 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
Django组件之cookie与session的使用方法
2019/01/10 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
老人祝寿主持词
2014/03/28 职场文书
汽车销售经理岗位职责
2014/06/09 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2014年村计划生育工作总结
2014/11/14 职场文书
个人党性锻炼总结
2015/03/05 职场文书
员工聘用合同范本
2015/09/21 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS