checkbox的使用--JSP中文网

做最专业的JSP中文网站

当前位置：首页--技术新闻--缓存区

JSPCN文章目录分类

JSP配置	[219]	JSP基础	[136]
中文问题	[69]	上传问题	[27]
JAVABEAN	[46]	数据库	[212]
文件操作	[126]	图片声音	[17]
JSP其他	[57]	时间相关	[16]
JAVAMAIL	[72]	STRUTS	[144]
开发工具	[28]	教程系列	[157]
JSP实例	[89]

JAVA基础	[421]	APPLET	[78]
JAVA网络	[179]	Applica	[115]
Servlet	[98]	XML	[163]
J2ME	[257]	J2EE	[374]
考试相关	[63]	JAVA线程	[90]
EJB	[261]	Swing	[26]
Java API	[141]	声音图片	[28]
异常处理	[33]	JAVA实例	[290]
JAVA类	[139]	SUN	[89]
Hibernate	[6]	JMX	[8]
Spring	[34]

本版推荐文章

本版热点文章

相关文章链接

checkbox的使用

作者：文章来源：
访问次数：45次加入时间：2005年01月01日

checkbox的使用

1、checkbox定义

    在jsp或者html页面中，经常会用到checkbox。比如这样定义：

<input type="checkbox" name="check_id" size="6" value="1" >
<input type="checkbox" name="check_id" size="6" value="2" >
...
<input type="checkbox" name="check_id" size="6" value="9" >

提交后的我们可以直接从request对象中取得所有在页面中选择的checkbox列表。
以上面的定义为例，如果在页面中选择了value为1、2、5的checkbox项，则可以
这样获得选择项：

String[] checkIds = request.getParameterValues("check_id");

有可能一些初级的web程序员也会这样定义：

<input type="checkbox" name="check_id1" size="6" value="1" >
<input type="checkbox" name="check_id2" size="6" value="2" >
...
<input type="checkbox" name="check_id9" size="6" value="9" >

然后，在后台取数据时这样获得选择项：

String checkId1 = request.getParameterValues("check_id1");
String checkId2 = request.getParameterValues("check_id2");
...
String checkId9 = request.getParameterValues("check_id9");

这样也可以解决问题，但是比较起来，后者用的是死办法，而且维护起来
非常不便，在此不推荐。

2、checkbox的校验

    经常有这样的情况，在页面中，有一批动态的checkbox列表项和
一个提交的按钮，业务逻辑需要至少选择一个列表项数据之后，才可以真正
提交。可以用一个javascript解决：
假设页面定义和相关代码如下：

<script language=javascript>
function okClick(){
//获得选择的check列表对象
var checkIdObj = eval("form1.check_id");
//判断对象是否为空
if (checkIdObj == null) {
return;
}
for (i=0; i<checkIdObj.length; i++) {
if(checkIdObj[i].checked){
form1.submit();
return;
}
}
}
</script>
<form name="form1" method="post" action="..">
<input type="checkbox" name="check_id" size="6" value="1" >
<input type="checkbox" name="check_id" size="6" value="2" >
...
<input type="button" name="ok" onclick="okClick()" value="确定">
</form>

上面的定义中，如果checkbox列表中有多余一个数据时，可以工作正常，但是如果只
有一个的话（因为checkbox列表是动态的），那么永远都不会提交（不信你可以试一试）。
    经过研究，发现原来是html语言的定义有问题。如果checkbox的列表项只有一个
的话，那么checkIdOjb.length是不存在的。
所以，可以将以上的javascript改一下：

<script language=javascript>
function okClick(){
//获得选择的check列表对象
var checkIdObj = eval("form1.check_id");
//判断对象是否为空
if (checkIdObj == null) {
return;
}
//如果check列表对象多于一个
if(checkIdObj.length){
for (i=0; i<checkIdObj.length; i++) {
if(checkIdObj[i].checked){
form1.submit();
return;
}
}
}
//否则
else{
if(form1.check_id.checked){
form1.submit();
return;
}
}
}
</script>