(index):40 未捕获类型错误：无法在 HTMLButtonElement

Question

每当我单击提交按钮时，它应该使用数据库中给出的所需值来验证答案。我该如何解决这个错误？

该按钮执行包含表和行的表单提交。我已经包含了一段代码。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<button type="submit" id="btn1" onclick="getanswer();"> submitanswer </button>

<tr>

  <td>{{Result.id}} ) {{Result.questions}}</td>

</tr>

<tr>

  <td><input type="radio" id="choice1" name="{{Result.id}}" class="ans" value="{{Result.choice1}}">{{Result.choice1}}</td>

</tr>

$(document).ready(function() {

  $("#btn1").click(function() {

    $(".btn1").show();

    $(".btn1").attr("disabled", true);

  });

});

function getanswer() {

  document.getElementById("useranswer").innerHTML = "";

  var e = document.getElementsByTagName('input');

  for (i = 0; i <= e.length; i++) {

    if (e[i].type == 'radio') {

      if (e[i].checked) {

        document.getElementById("useranswer").innerHTML += "Q" + e[i].name + "Answer you selected is :" + e[i].value + "<br/>";

      }

    }

  }

}

Answer 1

问题是 JavaScript 将返回null不存在的元素。要解决此问题，请确保某处有一个#useranswer元素。<div&nbsp;id="useranswer"></div>