layui-table表復選框勾選的所有行數(shù)據(jù)獲取的例子
項目需求,可以用復選框勾選項目進行提交,如下表
<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'}">標定參數(shù)</th> <th lay-data="{field:'t3'}">標定值</th> </tr> </thead> </table>
我們已經(jīng)獲取到了表中所有行的數(shù)據(jù),全選,部分選都可行,不用選復選框遍歷的方式去獲取數(shù)據(jù)
table.on('checkbox(test3)', function(obj){ var checkStatus = table.checkStatus('test3'); console.log(checkStatus.data)//選中行數(shù)據(jù) console.log(checkStatus.data.length) }) $('.ttes').click(function () { var index = parent.layer.getFrameIndex(window.name); var checkStatus = table.checkStatus('test3'); console.log(checkStatus.data)//選中行數(shù)據(jù) var items = checkStatus.data;
以上這篇layui-table表復選框勾選的所有行數(shù)據(jù)獲取的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
javascript仿163網(wǎng)盤無刷新文件上傳系統(tǒng)
這個仿163網(wǎng)盤無刷新文件上傳系統(tǒng),并沒有用使用.net的控件,完全的手工制作。2008-10-10JavaScript undefined及null區(qū)別實例解析
這篇文章主要介紹了JavaScript undefined及null區(qū)別實例解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07鼠標移到div,浮層顯示明細,彈出層與div的上邊距左邊距重合(示例代碼)
這篇文章主要介紹了鼠標移到div,浮層顯示明細,彈出層與div的上邊距左邊距重合的實例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12javascript跟隨滾動效果插件代碼(javascript Follow Plugin)
這篇文章介紹了javascript跟隨滾動效果插件代碼(javascript Follow Plugin),有需要的朋友可以參考一下2013-08-08簡單了解Javscript中兄弟ifream的方法調(diào)用
這篇文章主要介紹了簡單了解Javscript中兄弟ifream的方法調(diào)用文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,,需要的朋友可以參考下2019-06-06bootstrap中selectpicker下拉框使用方法實例
這篇文章主要給大家介紹了關于bootstrap中selectpicker下拉框使用的相關資料,文中通過示例介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。2018-03-03