checkbox 是项目应用中不可或缺的元素之一,在J2EE应用中,往往需要在客户端对checkbox进行先期处理,无怪乎取值与判断两种方式。
1.checkbox取值
HTML代码如下:
<
input
type
=checkbox
name
='nID'
value
='1'
>
< input type =checkbox name ='nID' value ='2' >
< input type =checkbox name ='nID' value ='3' >
< input type =checkbox name ='nID' value ='2' >
< input type =checkbox name ='nID' value ='3' >
实际应用中,checkbox的定义也有可能在一个table中,比如目前较流行的ecside的简要列表。大可以用如下方法获取check 值:
function
getSelections()
...
{ //获得复选框选取值,返回以','分隔的字符;
var strID=“”;
for (var i=0;i<document.forms[0].elements.length;i++)...{
var e = document.forms[0].elements[i];
if (e.type =="checkbox")...{
if(e.checked==true)...{
strID+=","+e.value;
}
}
}
if(!strID)...{
return false;
} forms[0]为页面中第一个form,或者可以直接替换成formName。
var strID=“”;
for (var i=0;i<document.forms[0].elements.length;i++)...{
var e = document.forms[0].elements[i];
if (e.type =="checkbox")...{
if(e.checked==true)...{
strID+=","+e.value;
}
}
}
if(!strID)...{
return false;
} forms[0]为页面中第一个form,或者可以直接替换成formName。
2.checkbox状态判断
实际项目中经常碰到判断checkbox是否选中状态,而不是取其值的情况。如果要判断某一个checkbox的状态是否选中,大可以用如下方法:
var
checkbox
=
document.getElementById(
"
nlD
"
);
if (checkbox.checked ){
alert( ' the checkbox is checked~! ' );
} else {
alert( ' the checkbox isn ' t checked ~! ' );
}
if (checkbox.checked ){
alert( ' the checkbox is checked~! ' );
} else {
alert( ' the checkbox isn ' t checked ~! ' );
}
"nlD"为checkbox name。
以上为实际项目中的小体会,方法还有更多,欢迎有兴趣的朋友来指导与讨论。