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 total = +$('.total').html().trim() || 0,
        v = $(this).data('cash');
    if (this.checked) {
        total += v
    } else {
        total -= v;
    }
    $('.total').html(total);
});
$('.charge:checked').change();