js+jQuery获取全选并用ajax进行批量删除

今天在处理后台的时候做了个小小的ajax处理批量删除的功能，给大家分享下。

 1、在Repater绑定出放入单选

<input id="chkContentId" name="chkContentId" value='<%#Eval("id") %>' type="checkbox" />&nbsp

2、最下方放入全选

 

<input name="chkall" type="checkbox" onclick="CheckAl(this.form)" />Select All
        <a style="cursor: pointer;" onclick="jqchkall();">Delete</a>

3、剩下的交给js、jQuery处理值

 

<script type="text/javascript">
    //实现全选和反全选功能
    function CheckAl(form) {
        var checkboxs = document.getElementsByName("chkContentId");
        for (var i = 0; i < form.elements.length; i++) {
            var e = form.elements[i];
            if (e.name != 'chkall' && e.type == "checkbox")
                e.checked = !e.checked; ;
        }
    }
    //进行批量操作
    function jqchkall() {

        if (confirm("Sure to delete all?")) {
            //jquery获取复选框值进行遍历
            $('input[name="chkContentId"]:checked').each(function() {
                DeletePr($(this).val(), this)
            });
        }
    }


</script>

4、ajax处理数据数据

 

//ajax处理
function DeletePr(id, dome) {
        $.get("ajax/test.aspx", { pid: id }, function(data) {
            if (data != "fail") {
                $(dome).remove();
            } else {
                alert("Delete fail");
            }
        })
}

5、剩下的就是交给后台处理了..嘻嘻 这样就大功告成..

本文出自 “gdg116” 博客，转载请与作者联系！