限制checkbox复选框的最大可选数量

最新推荐文章于 2024-05-08 21:41:47 发布

原创最新推荐文章于 2024-05-08 21:41:47 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #javascript #border #function #table

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

博客给出一段JavaScript代码，用于限制表单中复选框的最大选择数量。通过设置复选框元素的名字前缀、数量和最大允许选择数量，在点击复选框时调用函数进行检查，若达到最大选择数量则取消刚选择的元素。

代码如下：
<SCRIPT LANGUAGE="JavaScript">  </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>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]