页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容限制复选框

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

发布：dxy 字体：[增加减小] 类型：转载

不错的一个限制同时选择的复选框的最多个数

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

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

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

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：复选框可选数

浏览次数：载入中... 打印本文关闭本文返回首页

0

上一篇文章：js验证符合用户体验的网页表单特效
下一篇文章：仿51JOB的地区选择效果(可选择多个地区)

·在百度中搜索关于“限制复选框的最大可选数的js代码相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

同类文章

最近更新

热点排行