jquery动态获取复选框checkbox选中个数

发布时间:2020-08-20编辑:脚本学堂
本文介绍下,使用jquery动态获取复选框checkbox选中的个数的代码,有兴趣的朋友可以一起研究下。

如何用jquery动态获取复选框checkbox选中的个数呢?
这里举个例子:
 

复制代码 代码示例:
<input type="checkbox" checked="checked">python<br>
<input type="checkbox" checked="checked">java<br>
<input type="checkbox" >jquery<br>
<input type="checkbox" >jb200.com<br>
<script src="jquery.js"></script>
<script>
$(function(){
$("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox'][checked='checked']").length);});
});
</script>
 

代码说明:
为checkbox绑定点击事件,然后获取选中的个数,但这种写法失败。
当点击另外一个复选框,个数没有发生变化,如下图:
checkbox复选框

修改代码为:
 

复制代码 代码示例:
<script>
/**
* jquery动态获取复选框checkbox选中的个数
* by www.jb200.com
*/
$(function(){
$("input[type='checkbox']").bind("click",function(){alert($("input[type='checkbox']:checked").length);});
});
</script>