comment afficher le nouveau texte sur une nouvelle page

Question

J'essaie de créer un formulaire dans lequel, les questions sont affichées une par une lorsque l'utilisateur clique sur le bouton suivant. Je suis capable d'afficher la première question, mais je ne sais pas comment effacer le dom et rendre la question suivante. J'ai besoin d'écrire une fonction onclick en javascript, qui affiche la question suivante et calculer la note à la fin.

 <script type="text/javascript"> 
     function nextQuestion(){ 

     } 
    </script> 

    <form method="POST"> 
     <div id="page1"> 
      <div>question 1</div><br><br> 
      <input type='radio' name='group1' id='correct' value="1">1<br><br> 
      <input type='radio' name='group1' id='2' value="2">2<br><br> 
      <input type='radio' name='group1' id='3' value="3">3<br><br> 
      <input type='radio' name='group1' id='4' value="4">4<br><br> 
     </div> 
    <button id="next" onclick="nextQuestion();">Next</button> 
    </form> 

Answer 1

<script type="text/javascript"> 
    function nextQuestion(){ 
     var selectedVal = $(":radio[name=group1]:checked").text(); 
     $('#dv_question').empty().html('question ' + selectedVal); 
    } 
</script> 

<form method="POST"> 
    <div id="page1"> 
     <div id="dv_question">question 1</div><br><br> 
     <input type='radio' name='group1' id='correct' value="1"<br><br> 
     <input type='radio' name='group1' id='2' value="2">2<br><br> 
     <input type='radio' name='group1' id='3' value="3">3<br><br> 
     <input type='radio' name='group1' id='4' value="4">4<br><br> 
    </div> 
<button id="next" onclick="nextQuestion();">Next</button> 
</form> 

espoir celui-ci vous aide.

Answer 2

Chargez la QUESTION à l'aide de l'appel AJAX et remplacez le contenu
par la réponse d'AJAX.