页面中checkbox返回的是一个数组，如何对数组进行操作

1. 仅仅利用javascript进行操作：

//html代码如下：
<form action="#" method="POST" onsubmit="return form1();">
<div>
	<input type="checkbox" id="kee" name="ke[]" value="1">11111
	<input type="checkbox" id="kee" name="ke[]" value="2">22222
	<input type="checkbox" id="kee" name="ke[]" value="3">33333
	<input type="checkbox" id="kee" name="ke[]" value="4">44444
	<input type="checkbox" id="kee" name="ke[]" value="5">55555
	<input type="checkbox" id="kee" name="ke[]" value="6">66666
	<input type="checkbox" id="kee" name="ke[]" value="7">77777
	<input type="checkbox" id="kee" name="ke[]" value="8">88888
	<input type="checkbox" id="kee" name="ke[]" value="9">99999
</div>
<div><input type="submit" value="发布"></div>
</form>

//javascript的demo示例
<script type="text/javascript">
function form1()
{
	var x=document.getElementsByName("ke[]");
	var m=0;
	var n=false;
	
	for(var i=0;i<x.length;i++)
	{
		if(x[i].checked)
		{
			n=true;
			m++;
		}
	}
	
	if(!n)
	{
		alert("至少选择一个啊");
	}
	
	if(m>5)
	{
		alert("选这么多干吗");
	}
}
</script>

2.在后台jsp中进行操作

1.html输入参数页面
<html>
  <head>
  </head>
  <body>
    <form action="02.jsp" method="post">
        姓名：<input type="text" name="uname" />
        <p>
        擅长技术：
        <input type="checkbox" name="tech" value="J2EE" />J2EE
        <input type="checkbox" name="tech" value=".NET" />.NET
        <input type="checkbox" name="tech" value="ASP" />ASP
        <input type="checkbox" name="tech" value="PHP" />PHP
        <p>
        <input type="submit" value="提交" /> 
    </form>
  </body>
</html>

2. 后台jsp参数处理
<%@page contentType="text/html;charset=GB2312" %>
<html>
  <head>
    <title>02.jsp</title>
  </head>  
  <body>
      <%
          request.setCharacterEncoding("GB2312");
          String Name=request.getParameter("uname");
          //获得参数数组
          String Tech[]=request.getParameterValues("tech");
      %>
      <h1>姓名：<%=Name %></h1>
      <h1>擅长技术：
      <%
          //输出数组
          int i;
          for(i=0;i<Tech.length;i++)
          {
      %>
          <%=Tech[i] %> 
      <%
          }
      %>
      </h1>
  </body>
</html>

　　

posted @ 2014-03-22 19:07  二郎那个三郎  阅读(10159)  评论(0)  编辑  收藏  举报