快捷搜索:

用Javascript制作复选框

我们在制作查询造访表时,每每要限定用户的选择复选框的数量,如象本例中要求用户在九个网站中选择三个(见下图)觉得最好的网站,这就要求用户选择的网站数不能大年夜于3个,当然可以在后台经由过程法度榜样来节制,但那样又慢又繁,用Javascript法度榜样在用户端直接节制既快速又方便,在本例的效果中,一旦选择的网站数跨越3个,将急速弹出一个提示窗口,奉告你选择的网站数不能跨越3个。

本例效果的制作措施如下:

1、制作一个含有复选框的表单。所有复选框的“name”(名称)参数要统一,以序号区分,以便法度榜样调用。如本例的复选框名称为:c1、c2、c3......c9。

2、把下面这段法度榜样插在之间,这段法度榜样代码如下:

在引用本文法度榜样制作表单是要留意的是各复选框的名称,法度榜样默认的是:c1、c2、c3......c9。假如改用其它名称时,要把这句法度榜样:var checkboxname = "c"中的“c”换成你的实际名称前缀,但后面的序号必然要从1开始且要继续,否则法度榜样将要改动。

3、在每一个复选框的标记中加上一个:onclick="mycheck(this)"来调用这段Javascript法度榜样,使其每次点击复选框时都用法度榜样检测一遍已当选择的复选框数量并判断是否跨越限定的数量。完成后的复选框代码如下(了限于篇幅,仅取三个作示范):

信息

咨询

投资

至此制作完成,在浏览器中就可以看到预期的效果了。若是我们要求用户必须选择三个网站才能提交,那又怎么办?着实很简单,在法度榜样中再增添下面这个检测函数:cnasubmit(),代码如下:

function cansubmit(){ //选择网站数量是否相符要求检测函数。

if (Num

alert("你只选了"+Num+"个网站,还需再选"+(MaxSelected-Num)+"个网站才能提交,感谢相助!");

}

然后在提交选单按钮的标记中加上一个事故:onclick="cnasubmit()"来调用检测法度榜样,若不满意要求的选择数量,则弹出一个提示框,并在提示框中显示已选择的网站数和还增添的选择网站数,你看,这样是不是更切近用户一些。

您可能还会对下面的文章感兴趣: