如果选中复选框，我将如何添加总数？

Question

如果你到http://spareslist.com/listing.php?id=56的底部，当你勾选它旁边的方框时会说“项目1 - 6pts”，我希望它将它添加到旁边显示的总提供点数“你会提供什么”。因此，如果选择了两个6分项，它将看起来像“你会提供什么 - 12分”。

Answer 1

首先，您需要在“您将提供什么”中添加一个元素，并使用ID，以便您可以使用JQuery引用它。

<h3>What you will offer <span id='totalPoints'>0</span> points</h3>

其次，您需要将点值添加到复选框，以便添加一些内容，以及一个类，以便JQuery可以引用它们：

<input type="checkbox" name="offer-1" value="6" class="offer">

现在您可以使用JQuery来检查勾选的复选框：

$('.offer').click(function() {
    var points = $('#totalPoints').html();
    if($(this).checked()) {
        points += $(this).value(); //has been ticked
    } else {
        points -= $(this).value(); //has been un-ticked
    }
    $('#totalPoints').html(points);
});

你可能需要做更多的事情，但希望这会让你开始。