基于jsp和servlet，通过复选框实现批量删除的功能

最新推荐文章于 2022-07-11 00:22:54 发布

紫枫叶520

最新推荐文章于 2022-07-11 00:22:54 发布

阅读量6.7k

点赞数 1

分类专栏： javascript和jQuery 文章标签： servlet jsp checkbox 批量删除

本文链接：https://blog.csdn.net/zifengye520/article/details/36222705

版权

javascript和jQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

复选框实现批量删除

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">  
        /**   
        * 操作全选复选框事件   
        **/   
        function doCheck(obj) 
        {   
            var isCheck=obj.checked;
            var inputs=document.getElementsByTagName("input");   
            for(var i=0;i<inputs.length;i++)   
            {   
                if(inputs[i].type=="checkbox" && inputs[i].id!="chkMsgId") //刷选出所有复选框   
                {   
                    inputs[i].checked=obj.checked;
                    if(isCheck==true){
                    inputs[i].name="check";
                    }else{
                    inputs[i].name="user";
                    }
                }   
            }   
        }
          
        /**   
        * 复选框变化  全选按钮变化   
        **/   
        function toChkSon(obj)   
        {   
        var isCheck=obj.checked;
        obj.name="check";
        //alert(obj.name);
            if(isCheck==false) //当此复选框未选中 全选为未选   
            {   
                document.getElementById("chkMsgId").checked=false;
                obj.name="user";
             //alert(obj.name);
                return ;   
            }   
           
            var chkInputs=getCheckBox(); //获取所有复选框   
            var j=0;   
            for(var i=0;i<chkInputs.length;i++)   
            {   
                if(chkInputs[i].checked==isCheck)   
                    j++;   
                else   
                    break;   
            }      
               
            if(j==chkInputs.length) //当所有复选框为同一状态时 赋值全选同一状态   
                document.getElementById("chkMsgId").checked=isCheck;   
        }   
           
        /**   
        * 获取所有复选框   
        **/   
        function getCheckBox()   
        {   
            var inputs=document.getElementsByTagName("input");   
            var chkInputs=new Array();   
            var j=0;   
            for(var i=0;i<inputs.length;i++)   
            {   
                if(inputs[i].type=="checkbox" && inputs[i].id!="chkMsgId") //刷选出所有复选框   
                {   
                    chkInputs[j]=inputs[i];   
                    j++;   
                }   
            }   
            return chkInputs;   
        }      
  
        /**
         *提交表单
         */
         function submitForm(){
          document.getElementById("myForm").submit();
         }
    </script>  
  </head>  
<body>
<form name="myForm" id="myForm" action="UserDeleteServlet" method="post">
    <table align="center" border="1">
        <tr>
            <td><input type="checkbox" name="chkMsgId" id="chkMsgId" onclick="doCheck(this)" /></td>
            <td>姓名</td>
            <td>城市</td>
            <td>通讯录</td>
            <td>修改</td>
        </tr>
        <c:forEach var="item" items="${requestScope.userlist}">
            <tr>
                <td><input type="checkbox" onclick="toChkSon(this);" value="${item.id }" id="user" name="user"  /></td>
                <td>${item.username }</td>
                <td>${item.cityname }</td>
                <td><a href="GetTelsServlet?uid=${item.id }" target="frame2">通讯录</a></td>
                <td><a href="UserUpdateServlet?uid=${item.id }" target="frame1">修改</a></td>
            </tr>
        </c:forEach>
        <tr>
            <td><a href="useradd.jsp" target="frame1">增加</a></td>
            <!-- <td><a onclick="submitForm()" href="" target="frame1">删除</a></td> -->
            <td><input type="button" value="删除" onclick="submitForm()" /></td>
        </tr>
    </table>
</form>
</body>
</html>

后台的servlet

public class UserDeleteServlet extends HttpServlet {

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doPost(request, response);
    }


    /**
    * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse     response)
    */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //处理乱码
        response.setContentType("text/html;charset=UTF-8");
        request.setCharacterEncoding("UTF-8");


        PrintWriter out = response.getWriter();
        String users[]=request.getParameterValues("check");//用数组接受前台传来的被选中的复选框的值
        if(users!=null){
            UserDao userDao=new UserDao();
            TelDao telDao=new TelDao();
            int m=0;
            int n=0;
            for(int i=0;i<users.length;i++){//循环删除被选中的数据
                int id=Integer.parseInt(users[i]);
                m=userDao.delete(id);
                //删除一个用户，同时要删除他所属的通讯录(根据用户userid=id来删除)
                //System.out.println(id);
                //n=telDao.deleteTelByUser(id);
            }

            if(m>0){//成功
                out.println("<script>alert('删除成    功！');window.location.href='GetUserSevrlet'</script>");
                out.close();
            }else{//失败
                out.println("<script>alert('删除失败，请重试！');window.location.href='GetUserSevrlet'</script>");
                out.close();
            }
        }
    }
}