如何将layui数据表格的批量删除功能改写为长尾关键词？

本文共计478个文字，预计阅读时间需要2分钟。

之前实现了layui数据表格的增删改查，还缺少一个批量删除功能，今天把它完善了一下。

由于layui数据表格自带那个前面的选择框，我们选中之后，会自动获取选中行的id值，所以只需要选中即可。

之前实现了layui数据表格的增删改查，还缺一个批量删除功能，今天把他完善了一下。

因为layui数据表格自带那个前面的选择框，我们选中之后，会自动获取选中行的id值，所以我们只需要处理一下获取到的id值并把它传到后台进行处理。

第一步，表头加一个按钮

<input class="layui-btn layui-btn-sm" type="button" id="deleteAll_btn" value="删除"></input> 第二步，设置点击事件，写入删除方法。

//批量删除 $(document).on('click','#deleteAll_btn',function (data) { var checkStatus = table.checkStatus('test'), data = checkStatus.data, userId = ""; if (data.length > 0) { for (var i in data) { userId += data[i].id + ","; } console.log(userId);//打印获取到选中的id，用，分割 layer.confirm('确定删除选中的用户？', {icon: 3, title: '提示信息'}, function (index) { $.ajax({ url: "DeleteServlet", type: "POST", data: {id: userId}, success: function (msg) { console.log(msg) if (msg == "ok") { layer.msg('删除成功!',function() {time:2000}) table.reload('test',{ //表格重载，刷新数据 test是数据表格的id url:'ShowAllServlet' , page: { curr:1 } }); } else { layer.msg("删除失败", function() {time:2000}); } } }); }); } else { layer.msg("请选择需要删除的用户"); //如果未选择数据，则提示。 } }); 第三步 servlet处理传来的数据，并通过dao层删除。

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("utf-8");//设置相应的文本类型 response.setContentType("text/html;charset=utf-8");//设置响应类型,并防止中文乱码 int i = 0; String id = request.getParameter("id"); System.out.println(id); String[] ids=id.split(","); //分割id，成一个字符串数组 int n = ids.length; mannger dao = new mannger(); for(int j=0;j<n;j++){ i=dao.delete(ids[j]); //循环执行删除 } if (i!=0){ response.getWriter().print("ok"); } else { response.getWriter().print("error"); } } 效果截图