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

 1、在Repater绑定出放入单选

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

2、最下方放入全选

 

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

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

 

 
  
  1. <script type="text/javascript"
  2.     //实现全选和反全选功能 
  3.     function CheckAl(form) { 
  4.         var checkboxs = document.getElementsByName("chkContentId"); 
  5.         for (var i = 0; i < form.elements.length; i++) { 
  6.             var e = form.elements[i]; 
  7.             if (e.name != 'chkall' && e.type == "checkbox"
  8.                 e.checked = !e.checked; ; 
  9.         } 
  10.     } 
  11.     //进行批量操作 
  12.     function jqchkall() { 
  13.  
  14.         if (confirm("Sure to delete all?")) { 
  15.             //jquery获取复选框值进行遍历 
  16.             $('input[name="chkContentId"]:checked').each(function() { 
  17.                 DeletePr($(this).val(), this
  18.             }); 
  19.         } 
  20.     } 
  21.      
  22.  
  23. </script> 

4、ajax处理数据数据

 

 
  
  1. //ajax处理 
  2. function DeletePr(id, dome) { 
  3.         $.get("ajax/test.aspx", { pid: id }, function(data) { 
  4.             if (data != "fail") { 
  5.                 $(dome).remove(); 
  6.             } else { 
  7.                 alert("Delete fail"); 
  8.             } 
  9.         }) 

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