checkbox批量删除功能

参考：http://www.jb51.net/article/35338.htm 感谢作者

代码片段：jsp

 <c:forEach items="${infolist }" var="info">
         <tr>
           <td style="text-align:left; padding-left:20px;"><input type="checkbox" id="infoid" name="id" value="${info.id }" />${info.id }</td>
           <td><input type="text" name="seq" value="${info.seq }" style="width:50px; text-align:center; border:1px solid #ddd; padding:7px 0;" /></td>
           <td width="10%"><a href="<%=request.getContextPath()%>/infomactionServlet?id=${info.id}">${info.nickname }</a></td>
           <td>${info.url }</td>
           <td><font color="#00CC99">${info.codeNo }</font></td>
           <td>${info.smalltype.name }</td>
           <td>
           <c:if test="${empty info.updateDate}">${info.createDate }</c:if>
           <c:if test="${not empty info.updateDate}">${info.updateDate }</c:if></td>
           <td>
               <div class="button-group">
                   <a class="button border-main" href="<%=request.getContextPath()%>/editInfoServlet?id=${info.id}"><span class="icon-edit"></span> 修改</a>
                   <a class="button border-red" href="javascript:infodel(${info.id })" ><span class="icon-trash-o"></span> 删除</a>
               </div>
           </td>
         </tr>
            </c:forEach>
       <tr>
         <td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall" onclick="javascript:swapCheck()"/>全选 </td>
         <td colspan="7" style="text-align:left;padding-left:20px;"><a href="javascript:DelSelect()" class="button border-red icon-trash-o" style="padding:5px 15px;" > 删除</a> 

js处理：

 //批量删除
 function DelSelect(){
     //判断是否至少选择一项
     var checkedNum = $("input[name='id']:checked").length;
     if(checkedNum==0){
         alert("请至少选择一项！");
         return;
     }
     //批量选择
     if(confirm("确定要删除所选项目？")){
         var checkedList = new Array();
         $("input[name='id']:checked").each(function(){
             checkedList.push($(this).val());
         });
         $.ajax({
             type:"POST",
             url:"<%=request.getContextPath()%>/delMoreInfoServlet",
             data:{
                 "delitems":checkedList.toString()
             },
             success:function(msg){
                 if(msg=="success"){
                     $("[name='id']:checkbox").prop("checked",false);//把复选择框清空
                     window.location.href="<%=request.getContextPath()%>/infoListServlet";
                 }

             }
         });
     }
 }

servlet:

 public void doPost(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {

         response.setContentType("text/html");
         PrintWriter out = response.getWriter();
         InfoMactionService mactionService=new InfoMactionServiceImpl();
         String infos=request.getParameter("delitems");
         String[] items = infos.split(",");
         for(int i=0;i<items.length;i++){
             mactionService.delInfoById(items[i]);
         }
         out.write("success");
     }

现在已经完全不想用form作提交到后端处理数据了

直接ajax好爽歪歪呀！！！