使用单选按钮获取正确答案-在线测验

时间:2018-08-15 06:12:02

标签: php jquery

我正在使用php进行在线测验,如果选中了单选按钮,并且想获取一个正确的文本框,则希望获得正确的答案ID。这是示例照片

enter image description here 在我的数据库中,有两个表,分别是 e_question e_answer 。该程序可以对问题和答案表执行插入查询,但是我需要更新问题表以插入正确的答案。这是我的示例表:

e_question e_answer

enter image description here

answer_id的值为0,因为我无法获得正确答案的ID。

enter image description here 这是我的设计代码:

  <div id="container">
    <div class="form-group">
      <label class="control-label col-sm-2">Answer options :</label>
      <div class="col-sm-2" style="margin-right: -120px;">
       <input type="radio" name="correct" style="display: inline; position: absolute; margin-top: 10px;">
      </div>
      <div class="col-sm-8" >
       <input type="text" class="form-control" name="ans[]" placeholder="Answer">
      </div>
    </div>

    <div class="form-group">
      <label class="control-label col-sm-2"></label>
      <div class="col-sm-2" style="margin-right: -120px;">
       <input type="radio" name="correct" style="display: inline; position: absolute; margin-top: 10px;">
      </div>
      <div class="col-sm-8" >
       <input type="text" class="form-control" name="ans[]" placeholder="Answer">
      </div>
    </div>
  </div>

  <div class="form-group">
    <label class="control-label col-sm-2"></label>
    <div class="col-sm-6" >
      <a href="#" id="add"><i class="fa fa-fw fa-md fa-plus-circle"></i> Add answer option</a>
    </div>
  </div>

还有我对动态文本框的查询

<script type="text/javascript">
  $(document).ready(function(){
    var addOption = '<div><div class="form-group"><label class="control-label col-sm-2"></label><div class="col-sm-2" style="margin-right: -120px;"><input type="radio" name="correct" style="display: inline; position: absolute; margin-top: 10px;"></div><div class="col-sm-8" ><input type="text" class="form-control" name="ans[]" placeholder="Answer"></div><a href="#" id="remove"><i class="fa fa-fw fa-md fa-close" style="color:red" ></i></a></div></div>';

    var maxRows = 3;
    var x = 1;

      $("#add").click(function(e){
        if (x <= maxRows) {
          $("#container").append(addOption);
          x++;
        }
      });

      $("#container").on('click','#remove', function(e){
          $(this).parent('div').remove();
          x--;
      });

  });
</script>

请帮助我。预先谢谢你!

1 个答案:

答案 0 :(得分:0)

e_answer表中,您又添加了一列,如正确答案correct_answer(枚举-0,1)。

因为数据库应该知道正确的答案。 那么,会发生什么?

假设我们的e_answer表如下:

answerid (13, 14, 15, 16)
questionId(10, 10, 10, 10)
Option (demo1, demo2, demo3, demo4)
correct_answer (0,0,1,0)

这意味着,问题编号。 10有4个选项,“ Demo3”是正确答案,因为我们为该选项添加了“ 1”。

因此,我们可以检查一下,如果用户选择demo3,那么它将是正确的答案。

谢谢。