JavaScript中操作CheckBox的方法

使用Javascript判断checkbox的选择

　　我们知道，如果在asp，只要response.write request.form("checkboxName")就可以判断是否有选择至少一项，但是必须递交后才可以这样做，那么就要使用脚本语言JavaScript。

　　假设我们有个checkbox叫optHSCameratyp，我们写个函数来判断

function chkCheckBoxChs(objNam){ //检测是否有选择多选框的至少一项
var obj = document.getElementsByName(objNam); //获取多选框数组
var objLen= obj.length; //获取数据长度
var objYN; //是否有选择
var i;
objYN=false;
for (i = 0;i< objLen;i++){
if (obj [i].checked==true) {
objYN= true;
break;
}
}
return objYN;

}

　　然后在递交程序就如此调用：

function okSend()
{
if(chkChsHSC(optHSCameratyp)== false){
alert('请至少选择一项！');
}
return;
}

　　因为checkbox有多个，名字一样，所以在js里面如果简单document.all.checkboxNam根本识别不了到底是哪一个控件，必须用document.getElementsByName，当成一个数组来区分他们

使用Javascript选择所有的CheckBox

javascript:for(i=0;i<document.formName.elements.length;i++){if(document.formName.elements[i].name=='checkBoxName'){void(document.formName.elements[i].checked=true);}}

这段代码直接在AddressBar地址栏中输入就可以用了

这里FormName和checkBoxName要进行修改一下

FormName
源码: <form name="FormName">...</form>
说明: 一般ChackBox都是需要Sumit处理的，这个时候就一定有一个Form，而一般Form也都有Name的，这样进行数据管理的时候才不会出错。当然你也可以用 getElementsByTagName() 来处理没有Name的Form

checkBoxName
源码: <input type="checkbox" name="checkBoxName" value="...">
说明: <input>一般都是放在<form>里面的，用于提交数据是时候使用。<input>也有各种的类型，比如radio, text, hidden...这里说的是checkbox。既然用于处理数据，自然Name也是不可少的。