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

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

1、在Repater绑定出放入单选

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

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

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

vue实现购物车简单的功能-单选全选总价计算、批量删除
vue实现购物车简单的功能-----单选全选总价计算.批量删除等观看了后盾人视频教学,视频里面对于全选和单选的功能没有讲全,于是自己研究了一下,前端小白,也是第一次写博客,有什么不足和可以优化的地方 ...
js,jquery获取复选框checkbox被选中的值
转载:https://blog.csdn.net/qq_35792598/article/details/76646983 <!DOCTYPE html PUBLIC "-//W3C/ ...
Jquery实现全选反选
Jquery实现全选反选 <!DOCTYPE html> <html lang="en"><head><meta charset=&qu ...
jquery获取复选框checkbox被选中的值
获取复选框基本操作 html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h ...
经典案例重点案例：点名表，JS正则验证全选、全不选、反选，点击可以实现三个功能，轮播图字符串截取以及替换，图片切换
重点案例: 点击开始点名,框内的名字转动点击结束点名,框内的转动停止,并出现一个随机的学生姓名 <!DOCTYPE html> <html> <head> ...
html简单获取多选框的,jquery获取复选框的值的简单实例
JS获取复选框被选中的值 0 1 2 3 4 5 6 7 JS代码对checkbox的其他几个操作 1. 全选 2. 取消全选 3. 选中所有奇数 4. 反选 5. 获得选中的所有值 js代码 $( ...
jQuery购物车全选总价案例
分析全选思路:里面3个小的复选框按钮(j-checkbox)选中状态(checked)跟着全选按钮(checkall)走因为checked是复选框的固有属性,所以利用prop()方法获取和设置该属 ...
jquery的全选，全不选，反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...
js怎么获取复选框选中的值
本篇文章主要给大家介绍js获取复选框选中的值的实现方法. js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度. 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的 ...

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

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

最新文章

热门文章