用JS控制复选框的选择

 

检查复选框选择个数：

function checkednum(id)
...{
var s;
s=0;
for(i=0;i<document.selectform.keyVal.length;i++)
...{
   if(document.selectform.keyVal[i].checked)
   ...{
    s=s+1;
   }
}
if(s>10)
...{
   alert("最多只能选择10个");
   id.checked=false;
}

}  

判断复选框是否至少选择一个：

function isChecked()...{
this.disabled = true;
var    check_id=document.getElementsByName("keyVal");//or    document.form.inputname  
var    id="";  
for(i=0;i<check_id.length;i++)...{  
   if(check_id[i].checked)    ...{  
   id+=check_id[i].value;  
   }  
}
if (id=="") ...{
   alert ("请至少选择1个");
   return false;
}
}

全选与反选：

//代码说明(lulu163.com)：form1为表单名，memberId为复选框，selectbutton为全选按钮 
    function selectAll()  
    ...{ 
for (var i=0;i<document.form1.memberId.length;i++) ...{ 
var temp=document.form1.memberId[i]; 
temp.checked=!temp.checked; 
} 
    if (document.form1.selectButton.value=="全部选择") 
    ...{ 
      document.form1.selectButton.value="取消全选"; 
    } 
    else 
    ...{ 
      document.form1.selectButton.value="全部选择"; 
    } 
} 

　复选框(一个例子) 


全不选：

function unselect() 
...{
for (var i=0;i<document.selectform.keyVal.length;i++) ...{
var temp=document.selectform.keyVal[i];
temp.checked=false;
} 
}


　　<input name="memberId" type="checkbox" value="复选框值">

　　全选按钮:

　　<input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;">