javascript - jquery问卷

Question

我正在尝试创建一个 jquery 调查问卷，但我的一点 jquery 知识对我没有帮助。

到目前为止我所拥有的是以下http://valogiannis.com/stackoverflow/quest.html

当您单击“问题”时，会打开一个弹出窗口，其中包含两个问题。

我想要以下内容:当用户单击两个答案之一时，脚本检查他的答案。数组 CheckFirstAnswer 负责“告诉”第一个答案是错误还是正确，0 表示错误，1 表示正确。如果用户单击正确的答案，那么我想显示下一个问题及其来自数组 Question,FirstAnswer,SecondAnswer 的答案，否则相应的结论与 i 值成比例。

如果有任何帮助，我将不胜感激。

谢谢

Answer 1

[ Working demo ]

问题管理器

// question number
var currentQ = -1;

function showNewQuestion(el) {
    currentQ++; // increment question number
    $('.messagepop').html( Question[currentQ] + '<br />' + 
                          '<a href="#" class="first">' 
                             + FirstAnswer[currentQ] + '</a><br />' + 
                          '<a href="#" class="second">' 
                             + SecondAnswer[currentQ] + '</a><br />' + 
                          '<a href="#" class="close">close</a>' );
}

function validate(answer) {
    var firstIsTrue = CheckFirstAnswer[currentQ];

    // correct answer (new question)
    if (  firstIsTrue && answer == 1
      || !firstIsTrue && answer == 2 ) {
      showNewQuestion(); 
    } 

    // incorrect answer (conclusion)
    else  {
       $('.messagepop').html(Conclusion[currentQ]);
    }
}

点击处理程序

$(function () {

  $("#container_div").live('click', function (event) {

    // which element was clicked
    var el = $(event.target);

    // first answer was clicked
    if (el.hasClass("first")) {
        validate(1);
    } 

    // second answer was clicked
    else if (el.hasClass("second")) { 
        validate(2);
    } 

    // questions opener was clicked
    else if (el.attr("id") == "questions") {
        el.addClass("selected").parent()
          .append('<div class="messagepop pop" />');
        showNewQuestion();
        $(".pop").slideFadeToggle();
    } 

    // popup close was clicked
    else if (el.hasClass("close")) {
        $(".pop").slideFadeToggle();
        $("#questions").removeClass("selected");
    }
  });
});