📄 限制复选框的最大可选数.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0051)http://fason.nease.net/code/form/still/checkbox.htm -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript><!--//checkbox元素的名字前缀，本例为sample1,sample2,sample3...var sCtrlPrefix = "sample";//checkbox元素数量，本例有18个；var iMaxCheckbox = 18;//设置最大允许选择的数量；var iMaxSelected = 5; function doCheck(ctrl) {var iNumChecked = 0;var thisCtrl;var i;//初始化i = 1;//循环直到选中了最多的checkbox;while ((i <= iMaxCheckbox) && (iNumChecked <= iMaxSelected)) {thisCtrl = eval("ctrl.form." + sCtrlPrefix + i);if ((thisCtrl != ctrl) && (thisCtrl.checked)) {iNumChecked++;}i++;}// 检查是否达到了最大选择数量；if (iNumChecked == iMaxSelected) {// 如果是则uncheck刚选择的元素；ctrl.checked = false;}}// --></SCRIPT>
<FORM name=form method=post>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=5 align=center border=1>
<TBODY>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample1> A</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample2> B</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample3> C</TD></TR>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample4> D</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample5> E</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample6> F</TD></TR>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample7> G</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample8> H</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample9> I</TD></TR>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample10> J</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample11> K</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample12> L</TD></TR>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample13> M</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample14> N</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample15> O</TD></TR>
<TR>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample16> P</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample17> Q</TD>
<TD><INPUT onclick=doCheck(this) type=checkbox name=sample18>
R</TD></TR></TBODY></TABLE></FORM></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -