checkbox的使用- JSP - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > JSP > checkbox的使用

JSP: 搭建Eclipse+MyEclipse开发环境; 卖jsp编程技巧的那个垃圾的所有实例的答案全部已收集，现将他人收集的实例答案公布出来，大家鉴赏！; 一个jsp+AJAX评论系统; JSP 多个文件打包下载代码; JSP 动态树的实现; jsp 重复提交问题; J2ME/J2EE实现用户登录交互实现代码; 访问JSP文件或者Servlet文件时提示下载的解决方法; JSP EL表达式详细介绍; JSP 报表打印的一种简单解决方案; jsp 自定义标签实例; AJAX自学练习无刷新从数据库后台取数据显示; AJAX 自学练习请求与显示; AJAX 自学练习无刷新提交并修改数据库数据并显示; jsp 文件上传浏览，支持ie6，ie7，ie8; JSP application（return String）用法详例; jsp form表单方法示例; JSP request（return String）用法详例; JSP forward用法分析实例代码分析; JSP JavaBean的setProperty属性

No. « ‹ 38 39 40 41 › »

技术文章搜索

关键字

JSP 中的 checkbox的使用

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-03 浏览: 405 ::

收藏到网摘: n/a

学习笔记：ServletContext接口 DelphiBBS的JSP实现(未经授权）.

checkbox的使用

1、checkbox定义

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

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

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

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

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

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

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

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

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

2、checkbox的校验

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

<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>

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

<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>

学习笔记：ServletContext接口 DelphiBBS的JSP实现(未经授权）.

JSP 中的 checkbox的使用

checkbox的使用

1、checkbox定义

2、checkbox的校验

评论 (0) All