有很多方法可以在这里工作，但这里有一个方法。首先，跟踪用户提交的答案：

function collectUserAnswer() {
    allQuestions[pos].userAnswer =
        document.querySelector('input[name="choice"]:checked').value; 
}

然后，当你向后看时，你需要确保你填写了用户的答案，如果他们选择了一个：

function createChoices() {
    for(var i = 0; i < 4; i++) {
        var choice = document.getElementsByTagName("p")[i];
        var option = "<input id='ans_" + i 
            + "' type='radio' name='choice' value='" 
            + i + "'";

        if ( i == allQuestions[pos].userAnswer ) {
            option += " checked='checked'";   
        }
        option +=  ">" + allQuestions[pos].choices[i] 
               + "</input>";

        choice.innerHTML = option;
    }
}

当你计算分数时，不需要记录累计分数会更容易。使用累计分数，当用户向前导航时，你需要一组逻辑，当用户向后导航时，你需要一组不同的逻辑。相反，我们可以使用一组逻辑，每次只计算整个分数：

function calcScore() {
    var score = 0;
    for ( var i = 0; i < allQuestions.length; i++ ) {
        if ( allQuestions[i].userAnswer == allQuestions[i].correctAnswer ) {
            score++;
        }
    }
    this.totalScore = score;
}

接下来，你必须根据当前选择的问题复制创建正确按钮的逻辑，并将其放在updatePrevious()函数中。但是每当我看到代码重复时，我认为这是一个很好的机会，可以将重复的代码拆分到自己的函数中，这样我就可以重用它而不重复它。这样，如果你在代码中发现一个bug，你不需要找到你复制bug的所有地方，然后在所有这些地方修复它。所以，我会像这样分解它：

function updateNavigationButtons() {
    if(pos < len) {
        createQuestion();
        createChoices();
        submitButton.innerHTML = '<input id="next" type="button" name="nextbutton" value="Next Question" onclick="updateNext();"><input id="back" type="button" name="backbutton" value="Previous Question" onclick="updatePrevious();">';
    }
    if(pos == len-1) {
        submitButton.innerHTML = '<input id="submit" type="button" name="submitbutton" value="Submit Quiz" onclick="updateNext();"><input id="back" type="button" name="backbutton" value="Previous Question" onclick="updatePrevious();">';
    }
    if(pos == len) {
        while(firstDiv.hasChildNodes()) {
            firstDiv.removeChild(firstDiv.lastChild);
        }
        submitButton.innerHTML = "Your total score: " + this.totalScore; 
    }
}

最后，您需要确保previous和next按钮处理程序调用新的updateNavigationButtons()函数：

//update when user clicks next question
function updateNext() {
    displayAlert();  
    collectUserAnswer();
    calcScore();
    pos++;
    updateNavigationButtons();
};

//update when user clicks previous question
function updatePrevious() {
    displayAlert();  
    collectUserAnswer();
    calcScore();
    pos--;
    updateNavigationButtons();
}

updateNext()和updatePrevious()看起来几乎相同，除了它们对pos变量所做的事情;因此，您可能希望找到一种方法来消除代码重复。在开始之前，我注意到向后导航仍然存在一个错误-如果没有选择答案，则会发生错误。
但希望这能让你更接近我的修改。可以在here中找到我的修改。

让我们创建一个对象，它被设计为

var tempStorage = {};

设其键为allQuestions的索引（即**pos**），值为相应单选按钮的值。
在下面的方法中，插入以pos为键的值

function calcScore() {
    var userAns = document.querySelector('input[name="choice"]:checked').value; 
    var correctAns = allQuestions[pos].correctAnswer;
    tempStorage[pos]  = userAns;   // LIKE THIS
    if(userAns == correctAns) {
        this.totalScore++;
    }
}

然后在上一个按钮中单击，将值设置回（在**updatePrevious()**中）

// Iterate through each radio element and based on value
// change the checked attribute

var radioButtons = document.getElementsByName("choice");
for (var x = 0; x < radioButtons.length; x++) {
    if (radioButtons[x].value === tempStorage[pos]) {
        radioButtons[x].checked = true;
    }
}

签入此JSFIddle1
如果你对jQuery感兴趣

// LIKE THIS, here I used jQuery 
$('input[name="choice"][value="'+tempStorage[pos]+'"]"').attr('checked', true)

检查此JSFIddle2