jQuery获取checkbox的value值

本文转载自查看原文 2018-10-25 13:02 1595 jQuery

 1 以下为使用JQuery获取input checkbox被选中的值代码:
 2 
 3 <html>
 4     <head>
 5         <meta charset="gbk">
 6         <!-- 引入JQuery -->
 7         <script src="jquery-1.3.1.js" type="text/javascript"></script>
 8     </head>
 9 
10     <body>
11         <input type="checkbox" value="橘子" name="check">橘子1</input>
12         <input type="checkbox" value="香蕉" name="check">香蕉1</input>
13         <input type="checkbox" value="西瓜" name="check">西瓜1</input>
14         <input type="checkbox" value="芒果" name="check">芒果1</input>
15         <input type="checkbox" value="葡萄" name="check">葡萄1</input>
16         
17         <input type="button" value="方法1" id="b1">
18         <input type="button" value="方法2" id="b2">
19 
20 
21     </body>
22     
23     <script>
24         //方法1
25         $("#b1").click(function(){
26             //$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')
27             //意思是选择被选中的checkbox
28             $.each($('input:checkbox:checked'),function(){
29                 window.alert("你选了："+
30                     $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
31             });
32         });
33         
34         //方法2
35         $("#b2").click(function(){
36             $.each($('input:checkbox'),function(){
37                 if(this.checked){
38                     window.alert("你选了："+
39                         $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
40                 }
41             });
42         });
43     </script>
44 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 使用JQuery获取被选中的checkbox的value值使用JQuery获取被选中的checkbox的value值使用JQuery获取被选中的checkbox的value值 jquery如何获取checkbox的值获取选中checkbox的value值 Jquery获取选中的checkbox的值 jQuery获取当前checkbox的值使用JQuery获取被选中的checkbox的value值以及全选、反选 jQuery获取checkboxlist的value值 jquery获取checkbox的值并post提交