javascript - 复选框状态问题

Question

我遇到了一个问题，但我似乎不知道如何解决它。我有两个复选框，它们的值都是 5。我只需要在选中复选框时将 5 的值添加到变量中，并在未选中时减去 5。我一直在使用 jQuery，但到目前为止我只成功添加了 5 个，而当两者都被选中时，它添加了 10。目前还没有扣除任何东西。因为我有一些我正确检查的单选按钮，所以我的代码是这样的。

$(":checked").each(function(){
    if ($(this).attr("type") == "checkbox"){
        pricediff += 5;
    }
}

由于每个函数都被使用，所以当两者都被选中时，它会加10。这当然是不希望的。当复选框未被选中时，它仍然要扣除 5。我不知道该怎么做 - 我对 jQuery 和 JavaScript 有点菜鸟。有人可以帮助我吗？谢谢

附注这不是确切的代码，而只是其要点。

Answer 1

@rahul 有一个很好的答案，但这意味着所有复选框的值都必须为 5。

试试这个演示:http://jsfiddle.net/2WJZ4/

HTML:

<input type="checkbox" class="test" value="5" />
<input type="checkbox" class="test" value="7" />
<input type="checkbox" class="test" value="2" />
<input type="checkbox" class="test" value="1" /><br />
<span id="result">0</span>

脚本:

$(function(){
    $("input.test").change(function(){
        var $this = $(this);
        var value = $this.val();
        var checked = $this.is(":checked");
        if (checked) value = -value;
        var $r = $('#result');
        $r.text( (+$r.text()) - value)
    });
});

PS。 @rahul 很棒的 fiddle 页面!!!