jquery对checkbox的取值问题

最新推荐文章于 2023-06-06 21:29:49 发布

weixin_33967071

最新推荐文章于 2023-06-06 21:29:49 发布

阅读量228

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/mifans/blog/698878

版权

为什么80%的码农都做不了架构师？>>>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
	</head>
	<body>
		<div>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		<input type="checkbox" value="2" name="name"  onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input>
		<input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input>
		</div>
		<input type="checkbox" id="selectOption" onchange="allselected()"/>全选/全不选
		
	</body>
	<script type="application/javascript">
//		$(function(){
//		$("#selectOption").click(function (){
//			$("input[name='name']:checkbox").each(function(){ 
//				alert($("#selectOption").attr("checked"));
//				   if(true==$("#selectOption").attr("checked")){
//				   	this.checked=true;
//				   }else{
//				   	this.checked=false;
//				   }
//				   
//			});
//		});
		
//		});
        var flag=true;
 		function allselected(){
 			$("input[name='name']:checkbox").each(function(){ 
				   this.checked=flag;
				  
			});
			 flag=!flag;
 		}

		function checkOption(){
			$("input[name='name']:checkbox").each(function(){ 
				   if (false == this.checked) {
				   	  $("#selectOption").attr("checked",false);
				   }
			});
			
		}
	</script>
</html>

点击全选，全不选，

checkbox子集点击可触发检查，若没有全选，则取消全选按钮的选中

转载于:https://my.oschina.net/mifans/blog/698878