用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;">