📄 5.10.2.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<body>
<form action="somepage.asp" name="theForm">
<dl>
<dd><input type="checkbox" name="option1"/>多重性格</dd>
<dd><input type="checkbox" name="option2"/>乐天达观</dd>
<dd><input type="checkbox" name="option3"/>成熟稳重</dd>
<dd><input type="checkbox" name="option4"/>幼稚调皮</dd>
<dd><input type="checkbox" name="option5"/>温柔体贴</dd>
<dd><input type="checkbox" name="option6"/>活泼可爱</dd>
<dd><input type="checkbox" name="option7"/>普普通通</dd>
<dd><input type="checkbox" name="option8"/>内向害羞</dd>
<dd><input type="checkbox" name="option9"/>外向开朗</dd>
<dd><input type="checkbox" name="option10"/>风趣幽默</dd>
</dl>
<input name="submit" type="submit" value="提交"/>
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
document.forms[0].elements["submit"].onclick=function(){
var checkedCount=0; //统计选中的个数
for(var i=0;i<document.forms[0].elements.length;i++){ //遍历所有复选框
if(document.forms[0].elements[i].checked)checkedCount++;
}
if(checkedCount>5 || checkedCount<3){
alert("选项数量至少3个，并不超过5个");
return false; //不符合要求，返回false取消提交
}
return true;
}
//-->
</script>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -