js限制复选框选择的数量

最新推荐文章于 2022-11-03 16:19:59 发布

zhi1991

最新推荐文章于 2022-11-03 16:19:59 发布

阅读量795

点赞数 1

分类专栏： js客户端文章标签： javascript 前端 ViewUI

本文链接：https://blog.csdn.net/zhi1991/article/details/84232626

版权

js客户端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>限制复选框选择的数量</title>
<script type="text/javascript" >

function checkDate(){

var checkedCount=0;

for(var i=0;i<myForm.course.length ;i ++){

if(myForm.course[i].checked){

checkedCount++;

}
}

if(checkedCount>3){

alert("不能选超过三门课程");

return false;

}

}

</script>
</head>

<body>
<form name="myForm" method="post" id="myForm">
请选择这学期的选课(最多三门)：<br>
<input type="checkbox" name="course" value="yuwen" onClick="return checkDate()">语文<br>
<input type="checkbox" name="course" value="shuxue" onClick="return checkDate()">数学<br>
<input type="checkbox" name="course" value="yingyu" onClick="return checkDate()">英语<br>
<input type="checkbox" name="course" value="huaxue" onClick="return checkDate()">化学<br>
<input type="checkbox" name="course" value="wuli" onClick="return checkDate()">物理<br>
<input type="checkbox" name="course" value="zhengzhi" onClick="return checkDate()">政治<br>

<input type="submit" value="提交">
<input type="reset" value="取消">
</form>
</body>
</html>

zhi1991

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js限制复选框选择的数量

限制复选框选择的数量function checkDate(){ var checkedCount=0; for(var i=0;i3){ alert("不能选超过三门课程"); return false; } } 请选择这学期的选课(最多三门)：...
复制链接

扫一扫