读取多个同名的checkbox的值

来源:互联网 发布:显卡真假测试软件 编辑:程序博客网 时间:2024/05/21 10:11
-------index.jsp-----
<%@ page language="java" pageEncoding="GB18030"%>
<html>
<head>
  <title>读取多个同名的checkbox的值</title>
  <script language="javascript">
     function allcheckbox() { //只有一个复选框
   myform.allcheckboxs.value = "";
   if(!myform.mycheckbox.length)
   {
      if(myform.mycheckbox.checked)
      myform.allcheckboxs.value = myform.mycheckbox.value;
   } else
   {
      for(i=0;i<myform.mycheckbox.length;i++)
   {
      if(myform.mycheckbox[i].checked)//复选框有选中的框
   {
      myform.allcheckboxs.value = myform.mycheckbox[i].value;
      for(j=i+1;j<myform.mycheckbox.length;j++)
      {
         if(myform.mycheckbox[j].checked)
      {
         myform.allcheckboxs.value+="、";
      myform.allcheckboxs.value+=myform.mycheckbox[j].value;
      }
      }
      break;//必须要   为什么不要break 就只能获取一个值??
   }
   }
   }
  // myform.submit();
  }
  </script>
  </head>
  <body>
     <form action="view.jsp" name="myform" method="post">
  <input type="checkbox" name="mycheckbox" value="篮球">篮球
  <input type="checkbox" name="mycheckbox" value="足球">足球
  <input type="checkbox" name="mycheckbox" value="游泳">游泳
  <input type="checkbox" name="mycheckbox" value="台球">台球
  <input type="checkbox" name="mycheckbox" value="跑步">跑步<br>
        姓名:<input type="text" name="username"/>
  密码:<input type="password" name="password"/>
  <input name="allcheckboxs" type="hidden" value=""><br>
  <input type="submit" name="submit" onclick="allcheckbox();" value="提交">
  </form>
  </body>
</html>
------------------------
-------view.jsp
<%@ page language="java" pageEncoding="GB18030"%>
<html>
<head><title>显示结果</title></head>
<body>
  <h2>结果显示</h2>
  值为:<%=request.getParameter("allcheckboxs") %>
  姓名:<%=request.getParameter("username")%>
  密码:<%=request.getParameter("password")%>
  下拉列表的值是:<%=request.getParameterValues("rowvalues")%>
</body>
</html>
原创粉丝点击