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

简介:

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
//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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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>

 本文转自二郎三郎博客园博客,原文链接:http://www.cnblogs.com/haore147/p/3617956.html,如需转载请自行联系原作者 

相关文章
|
5月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
5月前
|
前端开发 Java
java前端:删除数组中指定元素的方法
java前端:删除数组中指定元素的方法
|
5月前
|
前端开发 JavaScript
几种常见的获取页面元素数据的方法
几种常见的获取页面元素数据的方法
47 0
|
2月前
|
XML 小程序 JavaScript
|
2月前
|
JSON JavaScript 数据格式
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
Jquery 将 JSON 列表的 某个属性值,添加到数组中,并判断一个值,在不在数据中
58 0
|
2月前
|
JavaScript 前端开发
JavaScript——快速判断数组对象的值是否全部满足条件
JavaScript——快速判断数组对象的值是否全部满足条件
65 0
|
3月前
|
JavaScript
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
js 数组移除指定元素【函数封装】(含对象数组移除指定元素)
36 0
|
4月前
|
索引
删除数组中的指定元素(了解如何删除数组中的指定元素,并返回一个新的数组,看这一篇就足够了!)
删除数组中的指定元素(了解如何删除数组中的指定元素,并返回一个新的数组,看这一篇就足够了!)
|
5月前
|
JavaScript 前端开发
jquery怎么给循环出来的列表(类似于text框)取值和赋值
jquery怎么给循环出来的列表(类似于text框)取值和赋值
35 0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
|
11月前
|
小程序 JavaScript
小程序循环列表删除当前选中列表的方法
小程序循环列表删除当前选中列表的方法
101 0