一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 页面特效

推荐专题

最新下载

1

奇怪的丘比特中文版
49.91MB 类型： 模拟经营
2

超级魔性兔子
39.31MB 类型： 模拟经营
3

宇航员航天模拟器
32.1MB 类型： 射击枪战
4

一起来射箭安卓版
81.53MB 类型： 射击枪战
5

星球大爆炸最新版
34.67MB 类型： 射击枪战
6

火线狙击手机版
56.12MB 类型： 射击枪战
7

画个过山车
39.8MB 类型： 射击枪战
8

太空殖民地
46.3MB 类型： 射击枪战
9

蚂蚁迷呀2
4.9MB 类型： 射击枪战
10

愤怒的豆腐中文版
228.0MB 类型： 射击枪战

热门教程

1

2025年加密货币市值排行榜前十名 2025最安全交易所币安推荐
时间：2025-06-13 类型： 游戏攻略
2

2025虚拟币交易平台推荐加密货币投资入门交易所币安推荐
时间：2025-06-12 类型： 游戏攻略
3

欧易支持狗狗币交易吗？欧易交易所购买狗狗币超简单教程
时间：2025-05-26 类型： 游戏攻略
4

MC币靠谱吗？币安交易所是否支持MC币交易解析
时间：2025-05-23 类型： 游戏攻略
5

世界加密数字货币排行榜Top10
时间：2025-05-09 类型： 游戏攻略
6

《暗黑破坏神：不朽》新职业Coser今日亮相2024ChinaJoy
时间：2024-08-14 类型： 游戏攻略
7

《物华弥新》闪耀2024CJ 8月新版本福利享不停
时间：2024-08-14 类型： 游戏攻略
8

长安城“导游”招募开启,和兄弟组团共赴大话嘉年华
时间：2024-08-14 类型： 游戏攻略
9

《蛋仔派对》首届蛋仔电影节隆重开幕,播映主题全公开
时间：2024-08-14 类型： 游戏攻略
10

暑期不无聊,《蛋仔派对》和《疯狂动物城》联动重磅上线
时间：2024-08-14 类型： 游戏攻略

js 控制select 多选框的选择个数

时间：2022-07-02 14:40:09 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<!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>
<title>js 控制多选框的选择个数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>

<form name="registerfm" method="post" action="">
最多只能选择三项：
<input type="checkbox" name="checkbox" value="一班" onclick="setText()">一班
<input type="checkbox" name="checkbox" value="二班" onclick="setText()">二班
<input type="checkbox" name="checkbox" value="三班" onclick="setText()">三班
<input type="checkbox" name="checkbox" value="四班" onclick="setText()">四班
</form>
<script language="javascript">
function setText(){ 
	var objs = document.registerfm.checkbox;
	var checkedCount=0;
	for(var i=0;i<objs.length;i++){ 
		if(objs[i].checked)
		checkedCount++; 
	}
	if(checkedCount>2){
		alert("最多只能选择三项！");
		return false;
	}
	var values=[];
	for(var i=0;i<objs.length;i++){
		if(objs[i].checked)
		values[values.length]=objs[i].value;
	}
	document.registerfm.checkbox.value=values.join(',');
} 
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

相关文章

热门栏目