今天小編就爲大家分享一篇layui-table表複選框勾選的所有行數據獲取的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
項目需求,可以用複選框勾選項目進行提交,如下表
<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表複選框勾選的所有行數據獲取的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持神馬文庫。