现在位置:主页>网页制作>Javascript教程> 文章内容

用javascript控制复选框的个数

收藏发布更新日期:2008-10-24 点击:

#lt;html#gt;#lt;head#gt;#lt;title#gt;dddd#lt;/title#gt;
#lt;script language="javascript"#gt;
function cc()
{
var oC=document.form1.sItem;
var t=0;


if(oC)
{
for(var i=0;i#lt;oC.length;i++){
if(oC(i).checked) t++
}
}

if(t#gt;7 %26amp;%26amp; t#lt;9) alert("你只能选择7个,但是你却选择了" + t + "个");
}

#lt;/script#gt;

#lt;/head#gt;
#lt;body#gt;

#lt;SCRIPT LANGUAGE="javascript"#gt;

#lt;/script#gt;

#lt;form name="form1" ID="Form1" action="nextPage.htm" #gt;
请最多选择7个项目:
#lt;p#gt;
#lt;input type="checkbox" value="CRC" name="sItem"#gt; 长春轨道客车股份有限公司 #lt;br/#gt;
#lt;input type="checkbox" value="Northsnow" name="sItem" ID="Checkbox1"#gt; 塞北的雪 #lt;br/#gt;
#lt;input type="checkbox" value="CSDN" name="sItem" ID="Checkbox2"#gt; 中国最大的开发者网络 #lt;br/#gt;
#lt;input type="checkbox" value="a" name="sItem" ID="Checkbox3"#gt; 飞 #lt;br/#gt;
#lt;input type="checkbox" value="b" name="sItem" ID="Checkbox4"#gt; 雪 #lt;br/#gt;
#lt;input type="checkbox" value="c" name="sItem" ID="Checkbox5"#gt; 连 #lt;br/#gt;
#lt;input type="checkbox" value="d" name="sItem" ID="Checkbox6"#gt; 天 #lt;br/#gt;
#lt;input type="checkbox" value="e" name="sItem" ID="Checkbox7"#gt; 射 #lt;br/#gt;
#lt;input type="checkbox" value="f" name="sItem" ID="Checkbox8"#gt; 白 #lt;br/#gt;
#lt;input type="checkbox" value="g" name="sItem" ID="Checkbox9"#gt; 鹿 #lt;br/#gt;
#lt;input type="button" name="ss" value="OK" onclick="cc();"#gt;
#lt;/form#gt;
#lt;/body#gt;
#lt;/html#gt;