基于SSH实现全选删除功能

来源：互联网发布：淘宝联盟淘客贷款编辑：程序博客网时间：2024/05/16 12:46

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));
           }
       }
    }

0 0