今天在处理后台的时候做了个小小的ajax处理批量删除的功能,给大家分享下。
1、在Repater绑定出放入单选
- <input id="chkContentId" name="chkContentId" value='<%#Eval("id") %>' type="checkbox" /> 
2、最下方放入全选
- <input name="chkall" type="checkbox" οnclick="CheckAl(this.form)" />Select All
- <a style="cursor: pointer;" οnclick="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、剩下的就是交给后台处理了..嘻嘻 这样就大功告成..
转载于:https://blog.51cto.com/gdg116/656808