SO - 28987802

by Arun P Johny

HTML

<div class="total"></div>
<input type="checkbox" class="charge" id="charge1" data-cash="10" />
<input type="checkbox" class="charge" id="charge2" data-cash="20" />
<input type="checkbox" class="charge" id="charge3" data-cash="30" />
<input type="checkbox" class="charge" id="charge4" data-cash="40" />

JavaScript

var $cs = $('.charge').change(function () {
    var v = 0;
    $cs.filter(':checked').each(function () {
        v += $(this).data('cash');
    })
    $('.total').html(v);
});
$('.charge:checked').change();