Question

我正在尝试在模板中使用jQuery和模型对象。我想看看他们选择的单选按钮是否等于正确的答案属性。我的代码运行，但它没有做任何事情。例如，“如果{answerA}等于{correctAnswer}，则添加一个点'

{% extends "mainpage/base.html" %}

{% block content %}

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Multiple Choice</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<script>
    $(document).ready(function(){
      $('#quiz').on('change', function(){
        //  if the id of a button equals the correct answer
        if($('input[name=optradio]:checked', '#quiz').val() === '4'){
          alert($('input[name=optradio]:checked','#quiz').val());
        }
      })
    })
</script>
</head>
{% csrf_token %}
<html>
<p>{{ title }}</p>
<div class="container">
   <form method="GET" class="QuestionForm" id="quiz">
    <div class="radio">
      <label><input type="radio" name="optradio" id="A">{{answerA}}</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" id="B">{{answerB}}</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" id="C">{{answerC}}</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio" id="D">{{answerD}}</label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</div>
</html>
{% endblock %}

Answer 1

您尚未指定值属性：

<input type="radio" name="optradio" id="B" value="{{answerA}}"> {{answerA}}

Django和jQuery测验在脚本中使用模型

1 个答案: