Question

我有以下代码

<ul class="myfilterside  catfilter">
<li>
    <input type="checkbox"  value="1" class="filter" name="Bedroom">
    <a id="1" href="javascript:void(0)" class="filter1"> test1 </a>
</li>

<li>
    <input type="checkbox"  value="2" class="filter" name="Corridor">
    <a id="2" href="javascript:void(0)" class="filter1"> test2 </a>
</li>

<li>
    <input type="checkbox"  value="3" class="filter" name="Test">
    <a id="3" href="javascript:void(0)" class="filter1"> test3 </a>
</li>

</ul>
<input type="button" value="Clear All" class="check">
<script>
jQuery('.check:button').click(function(){ 
            jQuery('.filter').removeAttr('checked');                    
            jQuery(this).val('Clear All');              
        }); 
</script>

点击按钮，我想获得所有选中复选框的计数。这意味着如果选中两个复选框，我想得到count = 2 我怎么能这样做？

Answer 1

您可以使用:checked获取所选复选框

var checked = $('.filter:checked').length;

Answer 2

您可以使用 :checked 选择器获取选中的复选框，并使用length获取这些复选框的总数：

var length = $('.filter:checkbox:checked').length;

<强> Fiddle Demo

Answer 3

您可以使用

$(".filter:checked").length

有关:checked选择器

的详细信息，请参阅此link

Answer 4

试试这个

jQuery('.count:button').click(function(){ 
    var count =0;
    $("input.filter:checkbox").each(function(){
        if($(this).is(':checked') ){
            count++;   
        }
    });
    alert(count);
});

Demo

如何获取所选复选框的数量（计数）？

4 个答案: