jquery批量删除前端代码:<script type="text/javascript"> function batchDeletes(){ //判断至少写了一项 var checkedNum = $("input[name='subcheck']:checked").length; if(checkedNum==0){ alert("请至少选择一项!"); return false; } if(confirm("确定删除所选项目?")){ var checkedList = new Array(); $("input[name='subcheck']:checked").each(function(){ checkedList.push($(this).val()); }); $.ajax({ type:"POST", <!--批量删除的进入路径,batchDeletes.do--> url:"batchDeletes.do", data:{"delitems":checkedList.toString()}, datatype:"html", success:function(data){ $("[name='checkbox2']:checkbox").attr("checked",false); location.reload();//页面刷新 }, error:function(data){ art.dialog.tips('删除失败!'); } }); } }</script>
<!--按钮,在点击按钮的时候 触动batchDeletes()方法-->
<li οnclick="batchDeletes()"><span><img src="images/t03.png" /></span>批量删除</li> <!--表单-->
<table class="tablelist"> <thead> <tr> <th><input id=" " name=" " type="checkbox" value="" checked="checked" /></th> <th>编号<i class="sort"><img src="images/px.gif" /></i></th> <th>姓名</th> <th>性别</th> <th>部门</th> <th>地址</th> <th>电话</th> <th>电子邮箱</th> <th>qq号码</th> <th>操作</th> </tr> </thead> <tbody> <c:forEach items="${TLIST}" var="record"> <tr> <!--注意这个地方--> <td><input id="subcheck" name="subcheck" type="checkbox" value="${record.tid}" /></td> <td>${record.tid}</td> <td>${record.tname}</td> <td>${record.tsexTxt}</td> <td>${record.tdeptTxt}</td> <td>${record.taddress}</td> <td>${record.tphone}</td> <td>${record.temail}</td> <td>${record.tqq}</td> <td><a href="findRecordById.do?tid=${record.tid}&page=1" class="tablelink" οnclick="javascript:return p_update()">修改</a> <a href="deleteRecord.do?id=${record.tid}&page=1" class="tablelink" οnclick="javascript:return p_del()"> 删除</a></td> </tr> </c:forEach> </tbody> </table>
//controller里的方法 @RequestMapping("batchDeletes.do") public void batchDeletes(HttpServletRequest request, HttpServletResponse response) { String items = request.getParameter("delitems");// System.out.println(items); String[] strs = items.split(","); for (int i = 0; i < strs.length; i++) { int oid = Integer.parseInt(strs[i]); ts.deleteRecord(oid); } }
jquery+ajax实现批量删除
最新推荐文章于 2022-07-26 17:12:08 发布