基于SSH实现全选删除功能

最新推荐文章于 2021-11-26 10:28:45 发布

Smal1_Sun

最新推荐文章于 2021-11-26 10:28:45 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：全选删除文章标签： ssh jsp

本文链接：https://blog.youkuaiyun.com/Smal1_Sun/article/details/47376247

全选删除专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个JSP页面中实现批量删除功能的方法，包括使用JavaScript进行客户端验证和通过AJAX发送请求到服务器端处理删除操作。此外，还展示了如何在服务器端实现批量删除逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSP页面：

定义一个删除按钮：<input type="button" name="Submit" onclick="batchdel()" value="删除"/> 只需要一个点击事件就好

首先定义一个：<s:checkbox id="checkall" /> 用于实现全选功能

再在循环中定义<input type="checkbox" name="check" value="${tuser.id}" id="checkall"/> id属性值要相同。

JS代码：

$(function(){
       //全选
       $("#checkall").click(function(){
           $('input[id="checkall"]').attr("checked",this.checked);
       });
});

//全选删除
   function batchdel(){
       var str = "";
       $("[name='check']").each(function() {
           if (this.checked) {
               if (str == "")
                   str = $(this).val();
               else
                   str += "," + $(this).val();
           }
       });
       if (str == "")
           alert("请选择您要删除的信息！");
       else {
           if (confirm("您确定要删除吗？")) {
               $.ajax({
                   type : "post",
                   url : "user_delall.action",                                        //只需要把url改掉就ok   跳转到Action中，用String字符串类型的id接收
                   data : {
                       "id" : str
                   },
                   dataType : "html",
                   success : function(data) {
                       window.location.href = "user_showListUser.action";     //删除过后需要跳转的页面URL.
                   }
               });
           }
       }
   }

ServiceImpl类中：

//删除全部
   public void delall(String id) {
       if(null!=id&&!"".equals(id)){
           String[] ids = id.split(",");
           for (String strid : ids) {
               dao.deleteById(Integer.parseInt(strid));
           }
       }
    }