單選按鈕總數

Question

好的，我現在有一個表格，可以讓用戶選擇某些單選按鈕，但是如果選擇了某些單選按鈕，則其他人不能。

我已經設置了一個JSFIDDLE，因此您可以更輕松地看到它。 我知道代碼可能看起來有些混亂。

我遇到的問題是在表格底部有一個“ Order Total (excluding VAT):該部分加總了單選按鈕的總數。 問題是例如，如果您選中左上角的單選按鈕（£25 Year 1所有塊和單位（共15個評估）），然后在Order Total (excluding VAT):在Total Box中顯示£25 。 然后，如果您選中下面的單選按鈕，即£47.50，則總框為£47.50，這都很好。 但是然后說用戶改變了主意，回到25英鎊的選擇中，它保留了47.50英鎊，並在頂部增加了25英鎊，因此它說72.50英鎊，應該是25英鎊。 您可以看到單選按鈕data-price="25"由data-price="25"

因此，通過代碼查看我的問題是否可能使總數僅累加選中的單選按鈕？

我認為這與緩存以前選擇的內容有關並且與該代碼有關嗎？

$('input:radio').change(function(){
    var total = 0.0;
    $('input:radio:checked').each(function(){
        total += parseFloat($(this).data('price'));
    });
    $('#total').val(total.toFixed(2));
});

Answer 1

問題是執行順序之一。

您使用jQuery.on（），jQuery.click（）和jQuery.change（）設置了三組事件處理程序。 我不想猜測這些事件的觸發順序，並且每個瀏覽器的順序很可能會有所不同。

因此，求和處理程序可以在其他處理程序之前運行，這似乎正在發生。

為了安全起見，我將為所有單選按鈕編寫一個唯一的處理程序。 在內部分支以響應特定情況，然后最終運行求和循環。