![页面中checkbox返回的是一个数组,如何对数组进行操作 页面中checkbox返回的是一个数组,如何对数组进行操作](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
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>