Как использовать Jquery для проверки состояния флажков и сделать что-то на основе условий?

Question

Вот мои настройки.

<input type="checkbox" name="item1" value="100" class="100" />
<input type="checkbox" name="item2" value="200" class="200" />
<input type="checkbox" name="item3" value="300" class="300" />

<p>$0.00</p>

Необходимые мне критерии: измените тег P на сумму, выбранную в флажке, если установлен более 1 флажок, добавьте сумму вместе и отобразите в теге PЕсли флажок 1 или более не установлен, вычтите сумму и отобразите в теге P, если ни один не выбран, или все они не отмечены, отобразите ZERO в теге P.

Пока у меня есть только это, но, очевидно, это толькоотображает цену выбранного блока и не добавляет и не удаляет его, когда я снимаю флажок.

$("input[type=checkbox]").click(function() {
var amount = $(this).attr("class");
$("p").html("$"+amount);
});

Любая помощь приветствуется!

Answer 1

простая попытка ...

$("input[type=checkbox]").change(function() {
    var amount = 0;
    $("input[type=checkbox]:checked").each(function(){
        amount += parseFloat(this.value,10);
    });
    $("p").html("$"+amount);
});

Безумная демоверсия