当前位置: 移动技术网 > IT编程>开发语言>JavaScript > layui-table表复选框勾选的所有行数据获取的例子

layui-table表复选框勾选的所有行数据获取的例子

2019年09月15日  | 移动技术网IT编程  | 我要评论
项目需求,可以用复选框勾选项目进行提交,如下表 <table class="layui-table" lay-data="{url:'******', id

项目需求,可以用复选框勾选项目进行提交,如下表

<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>

我们已经获取到了表中所有行的数据,全选,部分选都可行,不用选复选框遍历的方式去获取数据

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表复选框勾选的所有行数据获取的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网