Допустим имеется группа чекбоксов при клике на которые нужно выводить в отдельном 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();