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

我有以下代码

<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>       

单击按钮后，我希望获得所有选中复选框的计数。这意味着如果选中两个复选框，我希望得到计数=2 如何执行此操作？

您可以使用选择器获取复选框，使用长度获取这些复选框的总数：

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

您可以使用：checked来获取选中的复选框

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

你可以用

$(".filter:checked").length

有关以下内容的详细信息，请参阅此：选中的选择器

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