获取 checkbox 的选中个数(转)

获取 checkbox的 选中个数可以直接使用如下jquery语法：

$("input[type='checkbox']:checked").length;

示例如下：

1. 创建Html代码及css样式 

   <div> 
       <input type="checkbox" name="fruit"> apple
       <input type="checkbox" name="fruit"> orange
       <input type="checkbox" name="fruit"> banana
       <input type="checkbox" name="fruit"> watermelon
       <input type="button" value="I like these fruit!">
   </div>

   div{width:500px;padding:20px;border:4px solid #ebcbbe;}
   input{margin:10px 5px;}

    

2. jquery代码

   $(function(){
       $("input[type='button']").click(function() {
           alert($("input[type='checkbox']:checked").length);
       });
   })

    

3. 效果