Подсчет суммы значения для группы чекбоксов

Допустим имеется группа чекбоксов при клике на которые нужно выводить в отдельном DIV-е значение суммы отмеченных чекбоксов

HTML:

<label><input type="checkbox" value="1" name="pay_1" class="pay">услуга #1</label>
<label><input type="checkbox" value="2" name="pay_2" class="pay">услуга #2</label>
<label><input type="checkbox" value="3" name="pay_3" class="pay">услуга #3</label>
<label><input type="checkbox" value="4" name="pay_4" class="pay">услуга #4</label>
<div id="pay_price"></div>

подсчет на jQuery:

var $cbs = $('.pay');
function calcUsage() {
    var total = 0;
    $cbs.each(function() {
        if ($(this).is(":checked"))
            total = parseFloat(total) + parseFloat($(this).val());
    });
    $("#pay_price").text(total + ' денег');
}
$cbs.click(function() {
    calcUsage();
});
calcUsage();

найдено по примеру отсюда

  • alex

    не работает

    • Roman NMSK

      все работает ) у себя уже применил на одном проекте. кстати. там ниже ссылка есть на демку, в которой тоже это работает. может jquery забыл подключить в начале?