1

基于 JavaScript 的简单学校测验项目，这些是整个测验包含的文件：

  • Quiz.html： http ://www.rapidimg.org/server/files/50ab9c326115cKAUf6S.png
  • Quiz_questions.js： http ://www.rapidimg.org/server/files/50ace68ad21d9GPIha7.png （图像后面的随机字母显示它确实加载了答案）
  • Quiz_functions.js：这是它的主要内容，见下文。
  • 输出： http ://www.rapidimg.org/server/files/50ace6c57c01aTsZpMk.png （这是正确的！）

它会加载一个带有相应答案的问题，因此可以正常工作。（见上面的输出）。现在，只要我通过选择或不选择答案单击“下一个问题”，就会发生两种不同的事情。

未选择答案： http ://www.rapidimg.org/server/files/50ace9123bce6TzoiqL.png - 加载问题 2 + 答案，但将页面置于无限加载状态。当我点击另一个答案并点击“下一个问题”时，Firebug 显示：http ://www.rapidimg.org/server/files/50ace9a08b88aqLFZ1K.png

选择了一个答案： http ://www.rapidimg.org/server/files/50acea1422aed6gZkcL.png - 加载问题 3 + 答案 (???) 但也将页面置于无限负载。单击答案+“下一个问题”按钮时出现与上述相同的错误：http ://www.rapidimg.org/server/files/50acea4e4bc3cLn8g2U.png

这是实现这一点的“quiz_functions.js”的代码：

var useranswers = new Array();
var imgArray = new Array();
var answered = 0;
var currentQuestion = 0;


function renderQuizViaArray() 
{
    document.write('<h1>' + questions[currentQuestion] + '</h1>');

    for(i=0, j=choices[currentQuestion].length; i < j; i++)
    {
        document.writeln('<input type="radio" name="answer_' + currentQuestion + '" value="1" id="answer_' + currentQuestion + '_' + i + '" class="question_' + currentQuestion + '" onclick="submitAnswer(' + currentQuestion + ', this, \'question_' + currentQuestion + '\', \'label_' + currentQuestion + '_' + i + '\')" /><label id="label_' + currentQuestion + '_' + i + '" for="answer_' + currentQuestion + '_' + i + '"> ' + choices[currentQuestion][i] + '</label><br />');
    }

        document.write('<input type="submit" value="Next Question" onclick="nextQuestion()" />');
}

function nextQuestion()
{
    currentQuestion++;
    renderQuizViaArray();
}

function submitAnswer(questionId, obj, classId, labelId) 
{
  useranswers[questionId] = obj.value;
  document.getElementById(labelId).style.fontWeight = "bold";
  disableQuestion(classId);
  answered++;
}

function disableQuestion(classId) 
{
  var alltags = document.all? document.all : document.getElementsByTagName("*")
  for (i = 0; i < alltags.length; i++) 
  {
    if (alltags[i].className == classId) 
    {
      alltags[i].disabled = true;
    }
  }
}
4

0 回答 0