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

JSP
写一个对搜索引擎友好的文章SEO分页类
ajax+jsp草稿自动保存的实现代码
什么是eclipse,eclipse的意思解析
经常听朋友说什么J2EE,终于知道点什么是J2EE了,汗一个
搭建SSH时的思考和遇到的几个问题的解决方法
RMI使用学习 小结
weblogic 8.1下重新编译java类但不用重启服务器的方法
JSP下动态INCLUDE与静态INCLUDE的区别分析
jsp中文乱码 jsp mysql 乱码的解决方法
Jsp页面实现文件上传下载类代码
下载完成后页面不自动关闭的方法
XStream使用方法总结附实例代码
惊现支撑1亿pv/天的超级数据库解决方案
jsp遍历文件夹下的文件的代码
JSP中include指令和include行为的区别
FCKeditor使用方法(FCKeditor_2.6.3)详细使用说明
AJAX FCKEditor Rich Editor整合篇
Java下使用Oracle存储过程(详解)
java AJAX实现级联下拉框
java去掉html标签 必须首先去掉双引号的正则

JSP 中的 checkbox的使用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-03   浏览: 419 ::
收藏到网摘: n/a

checkbox的使用



1、checkbox定义

[pre]    在jsp或者html页面中,经常会用到checkbox。比如这样定义:[/pre]
  1. <input type="checkbox" name="check_id" size="6" value="1" >
  2. <input type="checkbox" name="check_id" size="6" value="2" >
  3. ...
  4. <input type="checkbox" name="check_id" size="6" value="9" >

[pre]提交后的我们可以直接从request对象中取得所有在页面中选择的checkbox列表。
以上面的定义为例,如果在页面中选择了value为1、2、5的checkbox项,则可以
这样获得选择项:[/pre]
  1. String[] checkIds = request.getParameterValues("check_id");


[pre]有可能一些初级的web程序员也会这样定义:[/pre]
  1. <input type="checkbox" name="check_id1" size="6" value="1" >
  2. <input type="checkbox" name="check_id2" size="6" value="2" >
  3. ...
  4. <input type="checkbox" name="check_id9" size="6" value="9" >

[pre]然后,在后台取数据时这样获得选择项:[/pre]
  1. String checkId1 = request.getParameterValues("check_id1");
  2. String checkId2 = request.getParameterValues("check_id2");
  3. ...
  4. String checkId9 = request.getParameterValues("check_id9");

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

2、checkbox的校验

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

  1. <script language=javascript>
  2. function okClick(){
  3.     //获得选择的check列表对象
  4.     var checkIdObj = eval("form1.check_id");
  5.     //判断对象是否为空
  6.     if (checkIdObj == null) {
  7.         return;
  8.     }
  9.     for (i=0; i<checkIdObj.length; i++) {
  10.         if(checkIdObj[i].checked){
  11.             form1.submit();
  12.             return;
  13.         }
  14.     }
  15. }
  16. </script>
  17. <form name="form1" method="post" action="..">
  18.     <!-- 下面的checkbox列表是动态的,有可能是从数据库中读取出来,所以有可能列表中只有一个数据-->
  19.     <input type="checkbox" name="check_id" size="6" value="1" >
  20.     <input type="checkbox" name="check_id" size="6" value="2" >
  21.     ...
  22.     <input type="button" name="ok" onclick="okClick()" value="确定">
  23. </form>

[pre]上面的定义中,如果checkbox列表中有多余一个数据时,可以工作正常,但是如果只
有一个的话(因为checkbox列表是动态的),那么永远都不会提交(不信你可以试一试)。
    经过研究,发现原来是html语言的定义有问题。如果checkbox的列表项只有一个
的话,那么checkIdOjb.length是不存在的。
所以,可以将以上的javascript改一下:[/pre]
  1. <script language=javascript>
  2. function okClick(){
  3.     //获得选择的check列表对象
  4.     var checkIdObj = eval("form1.check_id");
  5.     //判断对象是否为空
  6.     if (checkIdObj == null) {
  7.         return;
  8.     }
  9.     //如果check列表对象多于一个
  10.     if(checkIdObj.length){
  11.         for (i=0; i<checkIdObj.length; i++) {
  12.             if(checkIdObj[i].checked){
  13.                 form1.submit();
  14.                 return;
  15.             }
  16.         }
  17.     }
  18.     //否则
  19.     else{
  20.         if(form1.check_id.checked){
  21.             form1.submit();
  22.             return;
  23.         }
  24.     }
  25. }
  26. </script>