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>
my Code

jquery学习之1.6-选择器小练习,遍历复选框,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。