layui-table表復選框勾選的所有行數據獲取的例子

 更新時間:2019-09-14 21:02:16   作者:佚名   我要評論(0)

項目需求,可以用復選框勾選項目進行提交,如下表


<table class="layui-table" lay-data="{url:'******', id:'test3'}" lay-filter="test3">

<thead>

項目需求,可以用復選框勾選項目進行提交,如下表

<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表復選框勾選的所有行數據獲取的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:

  • layui的table單擊行勾選checkbox功能方法
  • layui 監聽表格復選框選中值的方法
  • Layui數據表格之獲取表格中所有的數據方法
  • Layui組件Table綁定行點擊事件和獲取行數據的方法
  • 解決Layui選擇全部,換頁checkbox復選框重新勾選的問題方法
  • layui獲取選中行數據的實例講解

相關文章

最新評論

买宝宝用品赚钱吗 快乐双彩玩法说明 11选5开奖结果走势图 11选5浙江开奖结果走势图 湖南动物快乐十分技巧 今日短线股票推荐 辽宁35选7开奖数据 北京11选5 山西11选5任二遗漏 江西11选5走势图一定牛 广西快乐双彩走势图 三分赛车是骗局吗 上证指数行情走势图k线 中国南车股票分析 广西快乐双彩最新开奖走势图 pk10计划人工在线计划 江苏7位数预测