复选框勾选全部实现方法

32 篇文章 0 订阅
13 篇文章 0 订阅

今天要做一个有点类似邮箱的批量删除多封邮件的功能,于是乎怎样处理就成了关键。

说简单点也就一表格,第一行第一列是一个全选的复选框,其他行第一列是一个选本行的复选框,全选的复选框class为check-all , id为check0,其他复选框的id为check+该条记录的id ,要定义一个全局变量checkids。


	// Check all checkboxes when the one in a table head is checked:
	$('.check-all').click( //多选的复选框点击后
			function(){
				$(this).parent().parent().parent().parent().find("input[type='checkbox']").attr('checked', $(this).is(':checked'));   
				checkids="";//先清空全局变量
				if($(this).is(':checked')){
//check-all is checked  判断多选的复选框是否选中 如果选中 找到所有的复选框 并把其id放入全局变量checkids中
					var a=$(this).parent().parent().parent().parent().find("input[type='checkbox']");
					for(i=1;i<a.size();i++){
						checkids+=a[i].id+",";
					}
				}else{
//	如果没选中则什么也不用做了	do nothing 
				}
			}
	);


	$("input[type='checkbox']").click(
			function(){
				if($(this).is(':checked')){//if checked add the id ,判断普通多选框是否被选中 选中 全局变量加其id
					checkids+=$(this).attr("id")+",";
				}else{// if not checked remove the id  判断普通多选框是否被选中 选中 全局变量加其id 没选中 删其id
					var a =$(this).attr("id")+",";
					checkids= checkids.replace(a,"");
				}
//				alert(checkids);
			}
	);




/**
 * 批量删除
 */
function deleteByIds(){
//	alert(checkids);
	if(checkids==""){
		alert("请选择要删除的项!");
	}else{
		checkids=checkids.replace("check0,","");//把check0去掉
		checkids=checkids.substring(0,checkids.length-1);//截取最后的逗号
		while(checkids.search("check")>-1){//去掉所有的check字符串 
			checkids=checkids.replace("check","");
		}
	}
//	alert(checkids);
	jQuery.ajax({
		type:"POST",
		contenttype:"application/json",
		async:false,
		cache:false,
		url:"/ET/app/deleteUserByIds/"+checkids,
		datatype:"json",
		success:function (data){
			if(data==1){
				alert("删除记录成功!");
				window.location.reload();
			}else{
				alert("删除记录失败!");
			}
		},
		error:function(data){
			alert("删除记录失败!!");
		}
	});
}

界面如图所示:


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值