您的位置：首页 > Web前端 > JQuery

使用JQuery获取被选中的checkbox的value值

2017-07-05 09:52 555 查看

以下为使用JQuery获取input checkbox被选中的值代码:

<html>

   <head>

       <meta charset="gbk">

       

       <script src="jquery-1.3.1.js" type="text/javascript"></script>

   </head>

   <body>

       <input type="checkbox" value="橘子" name="check">橘子1</input>

       <input type="checkbox" value="香蕉" name="check">香蕉1</input>

       <input type="checkbox" value="西瓜" name="check">西瓜1</input>

       <input type="checkbox" value="芒果" name="check">芒果1</input>

       <input type="checkbox" value="葡萄" name="check">葡萄1</input>



       <input type="button" value="方法1" id="b1">

       <input type="button" value="方法2" id="b2">

   </body>



   <script>

       //方法1

       $("#b1").click(function(){

           //$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')

           //意思是选择被选中的checkbox

           $.each($('input:checkbox:checked'),function(){

               window.alert("你选了："+

                   $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());

           });

       });



       //方法2

       $("#b2").click(function(){

           $.each($('input:checkbox'),function(){

               if(this.checked){

                   window.alert("你选了："+

                       $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());

               }

           });

       });

   </script>

</html>

转载地址：http://www.cnblogs.com/td960505/p/6123510.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航