js全选+ajax批量删除

简介

批量删除可以节省操作时间对数据进项一键删除

方法

我这里用的是ajax方法实现

 

写一个全选反选的事件用于批量操作

$(function(){

$("#id").click(function(){

 $(":checkbox").each(function(){

 

$(this).attr("checked",!$(this).attr("checked"))

})

 

})

 

})

写一个批量删除的ajax事件

 function Del() {

            var id = "";

            for(var i=0;i<$(".ck").length;i++)

            {

                if($(".ck").eq(i).attr("checked")=="checked")

                {

                    id+=$(".ck").eq(i).val()+","

                }

            }

  if(id=="")

            {

                alert("请选择删除项")

                return false;

 

            }

            else

            {

                if (!confirm("是否删除选择项")) return true;

            }

            $.ajax({

                url: '/Home/DelHero',

                type: "post",

                data: {

                    ids:id

                },

                success: function (data) {

                    if(data)

                    {

                        alert("删除成功")

                        location.reload();

 

                    }

                    else

                    {

                        alert("删除失败")

                    }

                }

            }

                )

        }

  <input type="button" value="全选反选" id=”id”/>  <input type="button" value="删除" οnclick="Del()" />

 <input type="checkbox" value="上海" id="ck1" name="ck" class=”ck” />上海<br />

    <input type="checkbox" value="北京" id="ck1" name="ck" class=”ck”/>北京<br />

    <input type="checkbox" value="重庆" id="ck1" name="ck" class=”ck”/>重庆<br />

<input type="checkbox" value="石家庄" id="ck1" name="ck" class=”ck”/>石家庄<br />

　　

控制器方法

 public bool DelHero()//多条删除

        {

            string str = Request["ids"];

            if(str!=null)

            {

                string[] strr = str.Split(',');

                foreach(var i in strr)

                {

                    if(i!="")

                    {

                        bll.Del(Convert.ToInt32(i));

                    }

                }

                return true;

            }

            else

            {

                return false;

            }

        }