jquery学习之1.6-选择器小练习，遍历复选框-优快云博客

练习，遍历复选框

 1 <%@ page language="java" import="java.util.*"
 2  pageEncoding="utf-8"%>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6     <title>11</title>    
 7   <script type="text/javascript" src="js/jquery-1.11.0.js">
 8   </script>
 9   <script language="javascript">
10    $(document).ready(function()
11   {
12       //***********************获取选中复选框的内容及个数********
13      $('#bt1').click(function(){
14          $obj=$("input[type='checkbox']:checked");//$obj是集合（$obj[0],$obj[1],$obj[2],$obj[3]）
15        //使用jquery的each方法        
16         $.each( $obj, function(i, obj){
17               alert("obj的长度为"+$obj.length+";obj.value获取为"+obj.value);
18         });
19      });   
20   });
21   
22   //****************************************************** 
23   </script>
24   </head> 
25   <body>
26     <input type="button"  id="bt1" value="获取所选择的checkbox内容及个数" ></input>   
27    <br/><br/>
28         <input type="checkbox" value="篮球">篮球</input>
29         <input type="checkbox" value="乒乓球">pingpang球</input>
30         <input type="checkbox" value="足球"> zu球</input>   
31      <br>
32   </body>
33 </html>