Internet Explorer 中的 JavaScript NaN 错误

Question

我有一个带有单选按钮的表单:

<ul class='likert'>
  <li>
    <input type="radio" name="q1" value=5 required>
  </li>
  <li>
    <input type="radio" name="q1" value=4>
  </li>
  <li>
    <input type="radio" name="q1" value=3 checked="checked">
  </li>
  <li>
    <input type="radio" name="q1" value=2>
  </li>
  <li>
    <input type="radio" name="q1" value=1>
  </li>
</ul>

在 Firefox 和 Chrome 中，

parseInt(document.forms["question_form"]["q1"].value)

返回 3(或其他)，但在 Internet Explorer 中我得到“NaN”。

Answer 1

当名称在 document.forms["question_form"]["q1"] 中不唯一时，IE 返回一个 HTMLCollection。

请参阅 IHTMLElementCollection 的备注

"If duplicate names are found, a collection of those named items is returned."

您可以像这样获取选中的值:

var val = document.querySelector('.likert input:checked').value);