在Javascript中使用更改事件添加或減去值

Question

我有以下代碼：

//code not relevant to question 

var answer_1 = parseInt(3),
    answer_2 = parseInt(1),

$radioOptions.on("change",function(){
 //additional code

    answer_1 = answer_1 + 1;

 //more code

    answer_2 = answer_2 + 1;

});

當在表格中單擊單選按鈕時，會發生這種情況，我們在該變量中添加1。 例如，如果我單擊answer_1單選按鈕， answer_1在變量中加1，使其變為4。

這是我遇到的問題。 有多個收音機選項。 如果某人單擊了answer_1 然后單擊了answer_2則由於他們單擊了兩個字段，因此會將兩個字段都加1。

我需要做的只是為他們選擇的選項添加一個。 換句話說，如果他們單擊answer_1則會向該變量加1。 如果他們然后選擇answer_2則會從以前選擇的選項中刪除加號1，並在現在選擇的選項中添加加號1。

我將如何實現？

Answer 1

嘗試這個：

 var selector = $('input[type=radio]'); var preElem; selector.on('change', function () { ++this.value; if (preElem) { --preElem.value; $(preElem).parents('label').next().text(preElem.value); } preElem = this; $(this).parents('label').next().text(this.value); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <label for="1"> <input type="radio" id="1" name="test" value="1">Radio 1</label>&nbsp;&nbsp;Total: <span>1</span> <br> <label for="2"> <input type="radio" id="2" name="test" value="1">Radio 2</label>&nbsp;&nbsp;Total: <span>1</span> <br> <label for="3"> <input type="radio" id="3" name="test" value="1">Radio 3</label>&nbsp;&nbsp;Total: <span>1</span> <br> <label for="4"> <input type="radio" id="4" name="test" value="1">Radio 4</label>&nbsp;&nbsp;Total: <span>1</span> <br>