layui table 多行刪除(id獲取)的方法
更新時間:2019年09月12日 11:42:17 作者:MapleDarkness
今天小編就為大家分享一篇layui table 多行刪除(id獲取)的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示:
<button class="layui-btn layui-btn-danger" data-type="getid" οnclick="delAll()">刪除所有選中行</button>
js:
table.on('checkbox(table)', function(obj){ var data = obj.data; }); layui.jquery, active = { getid: function () { var arr = []; var checkStatus = table.checkStatus('tableid') , data = checkStatus.data; for (var i = 0; i < data.length; i++) { //循環(huán)篩選出id arr.push(data[i].id); } $("#ids").val(arr); } } $('.layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; }); function delAll(){ layer.confirm('確定刪除嗎?', {btn: ['確定刪除', '取消']}, function (index) { var a1 = $("#ids").val(); //取得已獲取的ids $.ajax({ ....... }); }); }
以上這篇layui table 多行刪除(id獲取)的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
js動態(tài)添加表格數(shù)據(jù)使用insertRow和insertCell實現(xiàn)
這篇文章主要介紹了js動態(tài)添加表格數(shù)據(jù)并使用insertRow和insertCell實現(xiàn),需要的朋友可以參考下2014-05-05幾個常用的JavaScript字符串處理函數(shù) - split()、join()、substring()和indexOf(
幾個常用的JavaScript字符串處理函數(shù) split()、join()、substring()和indexOf()2009-06-06javascript-簡單的日歷實現(xiàn)及Date對象語法介紹(附圖)
主要是對Date對象的使用,首先回憶一下Date對象的參數(shù)及方法,代碼如下,感興趣的朋友可以參考下哈2013-05-05