<!-- 全選 --> <div class="choose"> <input type="checkbox" id="chooseAll" name="" title="全選" lay-skin="primary" onclick="chooseall"> <span onclick="delAll()" lay-submit lay-filter="delete">刪除記錄</span> </div>
<td> <!-- <input type="checkbox"> --> <input type="checkbox" data-id="{{ item.id }}" lay-skin="primary" name="idList[]" value="{{item.id}}"> </td>
// 全選/取消全選 var flag = true; var chooseAllstr = ''; $('.choose').on('click', '.layui-form-checkbox', function() { var cb = $(".layui-form-checkbox"); $(".layui-form-checkbox").each(function() { if (flag) { $(this).addClass('layui-form-checked') } else { $(this).removeClass('layui-form-checked') } }) flag = !flag; })
// 刪除全選的數據 function delAll() { chooseAllstr = ''; $(".layui-form-checked").each(function() { if ($(this).parent().find('input').data("id") && $(this).parent().find('input').data("id") != undefined) { chooseAllstr += $(this).parent().find('input').data("id") + ',' } }) if (chooseAllstr != '') { //詢問框 layer.confirm('確認刪除全部記錄嗎?', { btn: ['刪除', '取消'] //按鈕 }, function() { ajax('/pu/ScancodeBehavior/Delete', { idList: chooseAllstr }, function(data) { if (data.success) { layer.closeAll(); popupSuccess(data.msg); getList(param, function(data) { if (Number(data.count) != 0) { var getTpl = tabletpl.innerHTML, view = document.getElementById('table-adm'); laytpl(getTpl).render(data.list, function(html) { view.innerHTML = html; });
-------------------------------------------------------------------
如果想用layui的name屬性獲取選中的數據:
<span lay-submit lay-filter="deteleSubmit">刪除記錄</span>
拼接為逗號分割的字符串,供接口傳參,進行刪除
form.on('submit(deteleSubmit)', function(data) { var shuzu = []; var arr = ''; Object.keys(data.field).forEach(function(key) { shuzu.push(data.field[key]); }); arr = shuzu.join(","); })