作家
登录

限制复选框的最大可选数

作者: 来源:www.28hudong.com 2013-03-30 04:08:56 阅读 我要评论

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>html-www.51windows.Net</title> </head> <body> <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"> <table align="center" border="1" cellpadding="5" cellspacing="0"> <tr> <td> <input type="CHECKBOX" name="sample1" onClick="doCheck(this)"> A</td> <td> <input type="CHECKBOX" name="sample2" onClick="doCheck(this)"> B</td> <td> <input type="CHECKBOX" name="sample3" onClick="doCheck(this)"> C</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample4" onClick="doCheck(this)"> D</td> <td> <input type="CHECKBOX" name="sample5" onClick="doCheck(this)"> E</td> <td> <input type="CHECKBOX" name="sample6" onClick="doCheck(this)"> F</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample7" onClick="doCheck(this)"> G</td> <td> <input type="CHECKBOX" name="sample8" onClick="doCheck(this)"> H</td> <td> <input type="CHECKBOX" name="sample9" onClick="doCheck(this)"> I</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample10" onClick="doCheck(this)"> J</td> <td> <input type="CHECKBOX" name="sample11" onClick="doCheck(this)"> K</td> <td> <input type="CHECKBOX" name="sample12" onClick="doCheck(this)"> L</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample13" onClick="doCheck(this)"> M</td> <td> <input type="CHECKBOX" name="sample14" onClick="doCheck(this)"> N</td> <td> <input type="CHECKBOX" name="sample15" onClick="doCheck(this)"> O</td> </tr> <tr> <td> <input type="CHECKBOX" name="sample16" onClick="doCheck(this)"> P</td> <td> <input type="CHECKBOX" name="sample17" onClick="doCheck(this)"> Q</td> <td> <input type="CHECKBOX" name="sample18" onClick="doCheck(this)"> R</td> </tr> </table> </form> </body> </html> <div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

  推荐阅读

  一段实时更新的时间代码

[ 2006/02/17 13:33 | by alin ] <div class="red" id="time"> <script>setInterval("time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt (new Date().ge>>>详细阅读


本文标题:限制复选框的最大可选数

地址:http://www.17bianji.com/kaifa2/JS/31713.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)