在多项选择测验结束时显示所选答案

我正在尝试创建一个多项选择测验。 问题和选择在应用程序中显示得非常好。

在测验结束时，我可以计算出有多少答案是正确的，错误的和未成功的答案，但我无法显示所选答案并将其标记为正确，不正确或未答复。

我一直试图将应用程序的这部分代码编写近一个月，而我似乎无法弄明白。

如何在多项选择测验结束时显示所选答案并将其标记为正确，不正确或未答复？

这是questions.php代码，下面是result.php代码。 

     Multiple Choice Quiz         .container { margin-top: 110px; } .error { color: #B94A48; } .form-horizontal { margin-bottom: 0px; } .hide{display: none;}    
 
 Welcome : 
QUIZ 
 
 
  var myCountdownTest = new Countdown({ time: 180, width:200, height:80, rangeHi:"minute" });  
 
 
 
 QUIZ 
 
 
   <div id='question' class='cont'> <p class='questions' id="qname"> .
 <input type="radio" value="1" id='radio1_' name=''/> 
 <input type="radio" value="2" id='radio1_' name=''/> 
 <input type="radio" value="3" id='radio1_' name=''/> 
 <input type="radio" value="4" id='radio1_' name=''/> 
 <input type="radio" checked='checked' style='display:none' value="5" id='radio1_' name=''/> 
 <button id='next' class='next btn btn-success' type='button'>Next 
 <?php }elseif($i<1 || $i <div id='question' class='cont'> <p class='questions' id="qname">.
 <input type="radio" value="1" id='radio1_' name=''/> 
 <input type="radio" value="2" id='radio1_' name=''/> 
 <input type="radio" value="3" id='radio1_' name=''/> 
 <input type="radio" value="4" id='radio1_' name=''/> 
 <input type="radio" checked='checked' style='display:none' value="5" id='radio1_' name=''/> 
 <button id='pre' class='previous btn btn-success' type='button'>Previous <button id='next' class='next btn btn-success' type='button' >Next 
  <div id='question' class='cont'> <p class='questions' id="qname">.
 <input type="radio" value="1" id='radio1_' name=''/> 
 <input type="radio" value="2" id='radio1_' name=''/> 
 <input type="radio" value="3" id='radio1_' name=''/> 
 <input type="radio" value="4" id='radio1_' name=''/> 
 <input type="radio" checked='checked' style='display:none' value="5" id='radio1_' name=''/> 
 <button id='pre' class='previous btn btn-success' type='button'>Previous <button id='next' class='next btn btn-success' type='submit'>Finish
<?php if(isset($_POST[1])){ $keys=array_keys($_POST); $order=join(",",$keys); //$query="select * from questions id IN($order) ORDER BY FIELD(id,$order)"; // echo $query;exit; $response=mysql_query("select id,answer from questions where id IN($order) ORDER BY FIELD(id,$order)") or die(mysql_error()); $right_answer=0; $wrong_answer=0; $unanswered=0; while($result=mysql_fetch_array($response)){ if($result['answer']==$_POST[$result['id']]){ $right_answer++; }else if($_POST[$result['id']]==5){ $unanswered++; } else{ $wrong_answer++; } } echo "right_answer : ". $right_answer."
"; echo "wrong_answer : ". $wrong_answer."
"; echo "unanswered : ". $unanswered."
"; } ?> $('.cont').addClass('hide'); count=$('.questions').length; $('#question'+1).removeClass('hide'); $(document).on('click','.next',function(){ element=$(this).attr('id'); last = parseInt(element.substr(element.length - 1)); nex=last+1; $('#question'+last).addClass('hide'); $('#question'+nex).removeClass('hide'); }); $(document).on('click','.previous',function(){ element=$(this).attr('id'); last = parseInt(element.substr(element.length - 1)); pre=last-1; $('#question'+last).addClass('hide'); $('#question'+pre).removeClass('hide'); }); setTimeout(function() { $("form").submit(); }, 180000); // Prevent accidental navigation away setConfirmUnload(true); function setConfirmUnload(on) { window.onbeforeunload = on ? unloadMessage : null; } function unloadMessage() { return 'Your Answered Questions are resetted zero, Please select stay on page to continue your Quiz'; } $(document).on('click', 'button:submit',function(){ setConfirmUnload(false); });

这是result.php代码： 

      Result         
 
 Welcome 
Result 
 
 
 
  
 
 
 
 
  
 
 
 <a href="https://stackoverflow.com/questions/29799315/display-selected-answers-at-the-end-of-a-multiple-choice-quiz/" class='btn btn-success'>Start Quiz

 <a href="https://stackoverflow.com/questions/29799315/display-selected-answers-at-the-end-of-a-multiple-choice-quiz/" class='btn btn-success'>Logout 
 
Total no. of right answers : 
 
Total no. of wrong answers : 
 
Total no. of Unanswered Questions :

Interesting Posts

表单没有在jQuery中提交ajax成功

有没有办法使用jQuery提交表单而没有精心设计的字段按字段细分？

“jquery.unobtrusive-ajax.js”过时了吗？

Sharepoint 2010 wcf服务。 用jquery调用方法

使用FormData ajax（）的几个输入jQuery文件上传失败

如果带有键盘触发器的字段出现错误，如何停止AJAX调用

MVC 3 JSON调用无法在IIS中运行

使用ajax更新ASP.NET服务器呈现的控件

无法从youtube通过json提取video

JQuery – 在’for’语句中循环.load（）