恢復以前檢查過的單選按鈕的值

Question

我正在開發一個簡單的測驗應用程序，現在我添加了一個Back按鈕，允許用戶返回並更改他的答案。 對於已經回答的問題，我想顯示選中的單選按鈕。 我在這里找到了一個答案，但它對我不起作用。

這是我的HTML：

 <h1>Choose one of the following answers:</h1> <h2 id="question">Question</h2> <div id="form"> <input type="radio" name="Answer" value="0"> <label for="a1" id="a1">Answer 1</label> <br> <input type="radio" name="Answer" value="1"> <label for="a2" id="a2">Answer 2</label> <br> <input type="radio" name="Answer" value="2"> <label for="a3" id="a3">Answer 3</label> <br> <input type="radio" name="Answer" value="3"> <label for="a4" id="a4">Answer 4</label> <br> <input type="submit" value="Back" id="prev" class="button"> <input type="button" value="Next" id="next" class="button"> </div> 

首先，我想將先前檢查過的單選按鈕的值存儲在一個單獨的數組中，但事實證明這太麻煩了。 所以我想知道是否有一個簡單的方法來實現JS或jQuery？

Answer 1

按照步驟，我認為它會成功。

http://hibbard.eu/how-to-persist-checkbox-checked-state-after-page-reload/

Answer 2

如果有人感興趣，我決定在我的questions對象中創建一個單獨的屬性：

 questions.forEach(function (indx) { indx.usersAnswer = null; }); 

然后我檢索它的值並將相應的單選按鈕設置為選中：

 var showPrev = function () { var j = questions[numQuestion].usersAnswer; $('input[type="radio"][value="' + j + '"]').prop('checked', true); }; 

可能不是最好的解決方案，但對我來說工作得很好。