Как узнать количество (количество) выбранных флажков?

Question

Как узнать количество (количество) выбранных флажков?

0

У меня есть следующий код

<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. Как я могу это сделать?

Muk 25 апр. 2014, в 10:43

Источник

Теги:

javascript

jquery

html

4 ответа

5

Вы можете использовать :checked чтобы получить выбранные флажки

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

Anton 25 апр. 2014, в 06:45

1

Вы можете использовать

$(".filter:checked").length

Для получения дополнительной информации см. Эту ссылку :checked selector

Anoop Joshi 25 апр. 2014, в 07:02

0

Попробуй это

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

демонстрация

Dhambha 25 апр. 2014, в 06:10

Ещё вопросы

Felix · Accepted Answer · 2014-04-25T05-12-00.000Z

Вы можете использовать : checked selector, чтобы установить флажки и length чтобы получить общее количество этих флажков:

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

Демо-версия скрипта