您的位置:首页 > Web前端 > JavaScript

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

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






A
B
C
D
E
F
G
H
I
J


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
改代码最需要注意的是
//checkbox元素的名字前缀,本例为sample1,sample2,sample3...
var sCtrlPrefix = "sample";

//checkbox元素数量,本例有10个;
var iMaxCheckbox = 10;
checkbox元素的名字前缀和元素数量与页面中定义的稍有差错脚本即失效。
故有如下脚本函数以通用:


var c=0,limit=3;
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit)obj.checked=false,c--;
}



A
B
C
D
E
F
G
H
I
J


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


var c=0,limit=3;
ALERTXT="最多可选"+limit+"个"
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit)obj.checked=false,c--,alert(ALERTXT);
}



A
B
C
D
E
F
G
H
I
J


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: