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="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好爽歪歪呀！！！