> 前端部分 <fieldset class="layui-elem-field site-demo-button demoTable"> <legend>功能選項</legend> <div class="top-btn-sty"> <div class="layui-input-inline"> <input type="text" class="layui-input"></div> <button class="layui-btn layui-btn-normal" data-type="chaxun" >查詢</button> <button class="layui-btn layui-btn-danger" data-type="delAll">批量刪除</button> </div> </fieldset> > 事件 var active = { isAll: function(){ //驗證是否全選 var checkStatus = table.checkStatus('table-jsinfo'); layer.msg(checkStatus.isAll ? '全選': '未全選') },delAll:function () { //批量刪除 var checkStatus = table.checkStatus('table-jsinfo') ,data=checkStatus.data; if(data.length > 0){ delList = []; data.forEach(function (obj,index) { delList.push(obj.js_id); }); layer.confirm('您確定要刪除這'+data.length+'個選項嗎？',function (index) { $.ajax({ url: "{:url('Jsinfo/del')}", type:'post', dataType:'json', data:"id="+delList, success:function (res) { if(res.code== 0){ layer.msg(res.msg); table.reload('table-jsinfo',{}); }else{ layer.msg(res.msg); } } }); }); }else { layer.msg('請選擇需要刪除的選項') } } }; 調用 $('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type'); active[type] ? active[type].call(this) : ''; });