您的位置：首页 > Web前端 > JQuery

jquery对checkbox的取值问题

2016-06-22 00:00 681 查看

摘要: jquery对checkbox的取值问题

<!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子集点击可触发检查，若没有全选，则取消全选按钮的选中

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航