JQuery获取被选中复选框checkbox的个数

在网页开发中，经常需要对复选框进行操作并获取其选中状态。接下来云梦编程网为大家介绍如何使用jQuery来获取被选中复选框的个数，以便在前端实现相应的逻辑。有需要的小伙伴可以参考一下：

1、jQuery的size()方法或length属性

通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数，代码如下所示：

<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看电影</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
	<input type="button" id="count" value="有多少CheckBox被选中了？" /> 
</p>
<script type="text/javascript">
$(document).ready(function(){
  $('input[type=checkbox]').click(function(){
    $(this).attr('disabled','disabled');
    if($("input[name='test']:checked").length >= 3)
    {
      $("input[name='test']").attr('disabled','disabled');
    }
  });
  $("#count").click(function(){
    $('input').live('click',function(){
      alert($('input:checked').length);
    });
  })
})
</script>
</pre>
<strong>（选超过三个做弹窗提示）：</strong> 
<pre>
<script type="text/javascript">
 $('input[type=checkbox]').click(function(){
 if($("input[name='test']:checked").length >= 4)
 {
  $(this).removeAttr("checked");
  alert("最多选3个!")}
 });
</script>

通过本文的介绍，你学会了如何使用jQuery获取被选中复选框的个数，并根据实际需求执行相应的操作。了解更多相关文章请关注云梦编程网！