checkbox + финальная сумма в конце списка
 

Здравствуйте, помогите пожалуйста, как сделать, есть список,

Задача 1 - 500 рублей
Задача 2 - 500 рублей
Задача 3 - 1000 рублей

2000 рублей.

Если я снимаю галочку с Задачи 1, сумма должна уменьшаться на 500 рублей, если ставлю обратно, должна увеличится.

Если делегировать:

<div id="name">
<label><input type="checkbox" value="500" /> 500₽</label><br />
<label><input type="checkbox" value="500" /> 500₽</label><br />
<label><input type="checkbox" value="1000" /> 1000₽</label><br />
<output></output>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('#name').on('change', 'input', function(e) {
    var v = 0;
    $(e.delegateTarget).find(':checked').each(function() {
        v += +this.value
    });
    $('output').val(v+'₽')
})
</script>