У меня есть следующий код
<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. Как я могу это сделать?
Вы можете использовать : checked selector, чтобы установить флажки и length
чтобы получить общее количество этих флажков:
var length = $('.filter:checkbox:checked').length;
Вы можете использовать :checked
чтобы получить выбранные флажки
var checked = $('.filter:checked').length;
Вы можете использовать
$(".filter:checked").length
Для получения дополнительной информации см. Эту ссылку :checked
selector
Попробуй это
jQuery('.count:button').click(function(){
var count =0;
$("input.filter:checkbox").each(function(){
if($(this).is(':checked') ){
count++;
}
});
alert(count);
});