Как посчитать выбранные чекбоксы?

Question

[DrunkMaster]

<p>
<span class="chc"><input class="check" type="checkbox"></span>
<span class="chc"><input class="check" type="checkbox"></span>
<span class="chc"><input class="check" type="checkbox"></span>
<span class="chc"><input class="check" type="checkbox"></span>
</p>

Написал скрипт на JQ. Не работает первая же строка, консоль не выводит надпись "изменение" при выборе любого из чекбоксов.

$('.check').change(function() {
        console.log('изменение');
        var sum = 0;
        $('.check').each(function(){
            if ($(this.value).is(':checked')){
                sum += 1;
            }
        });
        console.log('выбрано = ' + sum);
    });

Answer 1

[Stimulate]

Используйте $('.check').click

Comments

[DrunkMaster]

Поменял, результат тот же

Answer 2

[ThunderCat]

$('.check').on('change',function() {
        console.log('изменение');
        var sum = 0;
        $('.check').each(function(){
            if ($(this).prop('checked') == true)){
                sum += 1;
            }
        });
        console.log('выбрано = ' + sum);
    });

Есть подозрение что не в этом дело.
1) код должен быть обернут $(document).ready(function () {})
2) возможно есть ошибки ДО места выполнения кода. Смотрите ошибки в консоли.

Answer 3

[DrunkMaster]

По чисто подсчёту

var numberOfChecked = $('input:checkbox:checked').length;
console.log('numberOfChecked = ' + numberOfChecked);

работает