Question

jquery 如何获取 checkbox的 选中个数

请问，如果存在多个checkbox，用JQuery如何获取选中的checkbox的个数呢，我需要一个变量存放这个结果，用来判断，如果选中0个，则弹出警告，在线等，急 啊

Answer 1

获取 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<br>
   	<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. 效果

   

Answer 2

看这里的一个具体的实例，并且我也测试过是非常正确的，至于这里选择的答案在有的浏览器里是测试不通过的：
http://www.angelweb.cn/Html/jquery/jqueryjiaocheng/2912.html

Answer 3

$("input[type=checkbox][name=11111][checked]").length
将11111改为你的checkbox的name属性,上面的值就是选中个数

Answer 4

$("input[type=checkbox][name=11111][checked]").length
将11111改为你的checkbox的name属性,上面的值就是选中个数
我只是做个笔记