您的位置:首页 > Web前端 > JavaScript

基于SSH实现全选删除功能

2015-08-09 15:09 741 查看
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));

            }

        }

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ssh jsp