Простая викторина - как получить значения по клику и отправить их в php

Еще одно решение проблемы: jsFiddle

Мы используем обработчики событий, чтобы проверить, был ли нажат ответ, а затем добавьте индекс ответа в массив. Когда последний ответ был отправлен, мы отправляем данные на страницу php, где вы можете обрабатывать ее с помощью массива $_POST.

$('.question a').on('click', function (e) {
    e.preventDefault();
    var self = $(this);
    var ans = self.parent().index() + 1;
    answers.push(ans);
    var hasNext = nextQuestion();
    if (!hasNext) {
        $.ajax({
            type: "POST",
            url: "/echo/json/",
            data: {
                "answers": answers
            }
        }).done(function (response) {
            response = 'Stuff you output with PHP';
            $('body').append('<p> Result: ' + response + '</p>');
        });
    }
});

Как правило, вы должны создать HTTP-запрос для вашего контрольного сервера. jQuery, для одного, делает это довольно легко. Кроме того, я бы попытался сгенерировать вопросы HTML, чтобы вы были готовы создавать викторины с другими наборами вопросов без повторного ввода html.

В настоящее время я пытаюсь создать приложение для викторины, и я был бы рад услышать ваши отзывы. Краткий отрезанный от того, что я имею в виду, находится на этой скрипке: http://jsfiddle.net/xtofl/2SMPd/

В основном что-то вроде:

function verify(answers) {
  jQuery.ajax("http://yoursite/verify.php?answers="+answers,
     { async: true,
       complete: function(response, status){
          // e.g.
          alert(response.text);
       }
     };
  };

Этот запрос будет отправлен, когда все ответы будут завершены. Я бы попытался создать вопросы "на лету" с помощью javascript и DOM, что-то вроде:

function retrieveQuestions() {
  //TODO: get them from a json-request like http://yourquizz/quizz1/questions
  return [{ text: "what if Zoo went to Blohom in a Flurk?",
           options: { a: "he frunts and vloghses", 
                      b: "the Blohom doesn't snorf anymore" }
          },
          { text: "how many this and that",
            options: { a: "1", b: "2", c: "14" }
          }
  ];
};

// retrieve and create the questions elements
var questions = retrieveQuestions();
questions.forEach(function(question, index){
  jQuery("#questions").append(createQuestionElement(question));
});

// what does a question element look like:
function createQuestionElement(question){
   var li=document.createElement("li");
   var options = [];
   Object.keys(question.options).forEach(function(key){
      var o = document.createElement("div");
      jQuery(o).on('click', function(){question.answer=jQuery(o).val();});
      li.appendChild(o);
   });
   return li;
}

Ваш скрипт php backend verify.php проверяет аргументы и возвращает результат в формате json, например:

$correct = ($answers[ $_GET["question"] ] == $_GET["answer"]);
print("{ 'correct': '$correct' }");

(если ваши ответы хранятся в массиве $answers.