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、剩下的就是交给后台处理了..嘻嘻 这样就大功告成..