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

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

//html代码如下:
<form action="#" method="POST" οnsubmit="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>

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值