Checkbox 实现限选N个后其它禁用效果代码,JS代码库,德仔网

代码语言

代码分类

【JS】 Checkbox 实现限选N个后其它禁用效果

作者:瑞祺 / 发布于2015/7/23/ 503


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>Checkbox 实现限选N个后其它禁用效果</title>
	<script language="javascript">
	function Count_selected(){
	n=0;
	//开始检测已选中的CheckBox数量

	for (i=1;i<=10;i++){ //此处数字10为所有CheckBox数量
	 obj=document.getElementById("vote_"+i);
	 if (obj.checked){
	 n=n+1
	 }
	}
	//如果超过3个，则未选中的禁用

	if (n>=3){
	 for (i=1;i<=10;i++){
	 obj2=document.getElementById("vote_"+i);
	 if (!obj2.checked){
	 obj2.disabled=true;
	 }
	 }
	}
	//如果不超过三个，所有CheckBox可用
	else{
	 for (i=1;i<=10;i++){
	 obj2=document.getElementById("vote_"+i);
	 obj2.disabled=false;
	 }
	}
	}
	</script>
	</head>
	<body>
	<label><input name="vote" type="checkbox" id="vote_1" value="a" onclick="Count_selected()" />百度</label><br/>
	<label><input name="vote" type="checkbox" id="vote_2" value="b" onclick="Count_selected()" />Google</label><br/>
	<label><input name="vote" type="checkbox" id="vote_3" value="c" onclick="Count_selected()" />Yahoo</label><br/>
	<label><input name="vote" type="checkbox" id="vote_4" value="d" onclick="Count_selected()" />网易</label><br/>
	<label><input name="vote" type="checkbox" id="vote_5" value="e" onclick="Count_selected()" />搜狐</label><br/>
	<label><input name="vote" type="checkbox" id="vote_6" value="f" onclick="Count_selected()" />TOM</label><br/>
	<label><input name="vote" type="checkbox" id="vote_7" value="g" onclick="Count_selected()" />新浪</label><br/>
	<label><input name="vote" type="checkbox" id="vote_8" value="h" onclick="Count_selected()" />CCTV</label><br/>
	<label><input name="vote" type="checkbox" id="vote_9" value="i" onclick="Count_selected()" />凤凰网</label><br/>
	<label><input name="vote" type="checkbox" id="vote_10" value="j" onclick="Count_selected()" />淘宝</label><br/>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　限选N个　　 Checkbox　

同语言下

可能有用的

瑞祺贡献的其它代码(25)