首先实现全选和反选(这是我整体的t_tel.jsp)
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>首页</title> </head> <body> <a href="<%=request.getContextPath()%>/tel?method=tosave">新增</a> <!--模糊查询--> <form action="<%=request.getContextPath()%>/tel?method=findAll" method="post"> <input type="text" name="mohu" value="${mohu}"><input type="submit" value="查询"> </form> <table style="width: 90%" border="1"> <tr> <td>批量选择</td> <td>序列</td> <td>id</td> <td>手机名称</td> <td>品牌</td> <td>操作</td> </tr> <c:forEach items="${requestScope.telVos}" var="vo" varStatus="vs"> <tr> <td style="width: 20%"><input type="checkbox" name="ids" value="${vo.id}"></td> <td>${vs.count}</td> <td>${vo.id}</td> <td>${vo.name}</td> <td>${vo.dname}</td> <td> <button οnclick="update(${vo.id})">更新</button> </td> </tr> </c:forEach> </table> <button οnclick="qx()">全选</button> <button οnclick="fx()">反选</button> <button οnclick="DelBeant()">批量删除</button> <script> function update(id) { location.href="<%=request.getContextPath()%>/tel?method=toUpdate&id="+id } <!--全选--> function qx() { var ids = document.getElementsByName("ids"); for (var i=0;i<ids.length;i++){ ids[i].checked=true; } } <!--反选--> function fx() { var ids = document.getElementsByName("ids"); for (var i=0;i<ids.length;i++){ if (ids[i].checked){ ids[i].checked=false; }else { ids[i].checked=true; } } } <!--批量删除--> function DelBeant() { var ids = document.getElementsByName("ids"); var ids_tel=[] //集合 for (var i = 0; i < ids.length; i++) { if (ids[i].checked){ //像数组的末尾添加ID ids_tel.push(ids[i].value) } } <!--如果没选中就点击批量删除--> if (ids.length<1){ alert("请不要这样 先生") } location.href="<%=request.getContextPath()%>/tel? method=DelBeant&ids="+ids_tel.join("-") } </script> </body> </html>