> 前端部分 <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) : ''; });