如何使用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标记更改为复选框中选定的金额 如果选中多个复选框，请将金额加在一起并显示在P标签中 如果未选中1个或多个复选框，则减去金额并显示在P标签中 如果未选中任何一个或未选中所有这些，则在P标记中显示ZERO。

到目前为止我只有这个，但显然它只显示所选框的价格，当我取消选中该框时，它不会添加也不会删除。

$("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);
});

Crazy demo