Question

我在JavaScript中编写了一个函数showRadioValue()，它显示了一个单选按钮的值。它非常有效。但在我将变量名称（从radVal更改为ans6）和函数名称更改为checkQ6()之后，它神秘地停止了工作！为什么？这是代码：

<html>
  <head>
    <title>Radio test</title>
  </head>
  <body>
    <h2 style="text-align: center;">Question 6</h2>
      <p style="text-align: center;">We  _______  two dogs and a cat.</p> 

<form name="option" style="text-align: center;">
  <input type="radio" name="option" value="have">have<br>
  <input type="radio" name="option" value="is having"> is having<br>
</form>

<p style="text-align: center;" ><button onclick="checkQ6();">Test radio</button></p>

<script>
/*
function showRadioValue() { // previous perfectly working function
    var radVal = document.querySelector('input[name = "option"]:checked').value;
    alert(radVal);
}
*/
function checkQ6() { // the function where just ans6 variable name and function name is changed and which does not work
  var ans6 = document.querySelector('input[name = "option"]:checked').value;
  alert(ans6);

</script>
  </body>
</html>

Answer 1

您的功能支架未关闭。您可以在浏览器控制台中看到这些错误。

显示JS功能的单选按钮值在合法更改变量名称后不起作用

1 个答案: