孤独求学人

js 限制选择复选框的的个数

2010-8-18 杜世伟 JavaScript

<form name="form">
<p>
  <label>
  <input type="checkbox" name="c1"  id="c1" value="单选1" onclick="sCheckradio(this)"/>
    单选1</label>
  <br />
  <label>
  <input type="checkbox" name="c1"  id="c1" value="单选2" onclick="sCheckradio(this)"/>
    单选2</label>
  <br />
  <label>
  <input type="checkbox" name="c1"  id="c1" value="单选3"  onclick="sCheckradio(this)"/>
    单选3</label>
  <br />
  <label>
  <input type="checkbox" name="c1"  id="c1" value="单选4"  onclick="sCheckradio(this)"/>
    单选4</label>
  <br />
</p>
</form>
<script type="text/javascript" language="javascript">
function sCheckradio(obj){
var sMax = 2;   //设置最大的复选框选择个数，该值应该小于等于复选框的总个数
var c = document.form.c1; //获取复选框
var sSum = 0; //复选框选择的个数，初始值为0
for(var i=0;i<c.length;i++){
if(c[i].checked){
sSum++;
}
}
if(sSum >=2){
for(var i=0;i<c.length;i++){
if(!c[i].checked){
c[i].disabled = true;
}
}
}else{
for(var i=0;i<c.length;i++){
if(c[i].disabled){
c[i].disabled = false;
}
}
}
}
</script>

 

标签: js ，限制选择复选框，js 限制选择复选框