亲宝软件园·资讯

展开

限制复选框的最大可选数的js代码

时间:2020-05-12 人气:0

在一些网页应用中，就比如在投票系统中，当我们进行的是多项投票时，我们要求用户最多只能选择几项进行投票，这也是就是说选择复选框的个数最多几个.
那么如何设置这最多的几个，我们就需要做些简单的脚本处理。以下代码均转摘自互联网，作者不详。
比如如下的代码则解决了相关问题：

<script LANGUAGE="JavaScript"> 
 
</script>

<form name="form" method="post"> 
<input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A 
<input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B 
<input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C 
<input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D 
<input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E 
<input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F 
<input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G 
<input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H 
<input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I 
<input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J 
</form>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

改代码最需要注意的是
//checkbox元素的名字前缀，本例为sample1,sample2,sample3...
var sCtrlPrefix = "sample";
和
//checkbox元素数量，本例有10个；
var iMaxCheckbox = 10;
checkbox元素的名字前缀和元素数量与页面中定义的稍有差错脚本即失效。
故有如下脚本函数以通用：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

加载全部内容

相关教程

猜你喜欢

用户评论