用javascript控制复选框的个数


<html><head><title>dddd</title>
<script language="javascript">
function cc()
{
var oC=document.form1.sItem;
var t=0;
if(oC)
{
for(var i=0;i<oC.length;i++){
 if(oC(i).checked) t++
}
}
if(t>7 && t<9) alert("你只能选择7个,但是你却选择了" + t + "个");
}
</script>
</head>
<body>
<SCRIPT LANGUAGE="javascript">
</script>
<form name="form1" ID="Form1" action="nextPage.htm" >

  请最多选择7个项目:

<p>
<input type="checkbox" value="CRC" name="sItem"> 长春轨道客车股份有限公司 <br/>
<input type="checkbox" value="Northsnow" name="sItem" ID="Checkbox1"> 塞北的雪 <br/>
<input type="checkbox" value="CSDN" name="sItem" ID="Checkbox2"> 中国最大的开发者网络 <br/>
<input type="checkbox" value="a" name="sItem" ID="Checkbox3"> 飞 <br/>
<input type="checkbox" value="b" name="sItem" ID="Checkbox4"> 雪 <br/>
<input type="checkbox" value="c" name="sItem" ID="Checkbox5"> 连 <br/>
<input type="checkbox" value="d" name="sItem" ID="Checkbox6"> 天 <br/>
<input type="checkbox" value="e" name="sItem" ID="Checkbox7"> 射 <br/>
<input type="checkbox" value="f" name="sItem" ID="Checkbox8"> 白 <br/>
<input type="checkbox" value="g" name="sItem" ID="Checkbox9"> 鹿 <br/>
<input type="button" name="ss" value="OK" onclick="cc();">
</form>
</body>
</html>

本文作者:

<html><head><title>dddd</title>
<script language="javascript">
function cc()
{
var oC=document.form1.sItem;
var t=0;
if(oC)
{
for(var i=0;i<oC.length;i++){
 if(oC(i).checked) t++
}
}
if(t>7 && t<9) alert("你只能选择7个,但是你却选择了" + t + "个");
}
</script>
</head>
<body>
<SCRIPT LANGUAGE="javascript">
</script>
<form name="form1" ID="Form1" action="nextPage.htm" >

  请最多选择7个项目:

<p>
<input type="checkbox" value="CRC" name="sItem"> 长春轨道客车股份有限公司 <br/>
<input type="checkbox" value="Northsnow" name="sItem" ID="Checkbox1"> 塞北的雪 <br/>
<input type="checkbox" value="CSDN" name="sItem" ID="Checkbox2"> 中国最大的开发者网络 <br/>
<input type="checkbox" value="a" name="sItem" ID="Checkbox3"> 飞 <br/>
<input type="checkbox" value="b" name="sItem" ID="Checkbox4"> 雪 <br/>
<input type="checkbox" value="c" name="sItem" ID="Checkbox5"> 连 <br/>
<input type="checkbox" value="d" name="sItem" ID="Checkbox6"> 天 <br/>
<input type="checkbox" value="e" name="sItem" ID="Checkbox7"> 射 <br/>
<input type="checkbox" value="f" name="sItem" ID="Checkbox8"> 白 <br/>
<input type="checkbox" value="g" name="sItem" ID="Checkbox9"> 鹿 <br/>
<input type="button" name="ss" value="OK" onclick="cc();">
</form>
</body>
</html>

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3