javascript - 输入值未正确读取，显示为未定义，JavaScript

Question

我正在创建一个网站，其中 JavaScript 正在读取表单的输入，但是当我执行警报时，它说输入的值未定义。这是为什么？

这是我的表格:

<form action="" method="post" id="reportform">
                <input type="radio" name="report" value="customer"><p>Customers</p>
                <input type="radio" name="report" value="item"><p>Items Sold</p>
                <input type="radio" name="report" value="department"><p>Sales Departments</p>
                <input type="radio" name="report" value="person"><p>Sales People</p>
                <input type="button" name="reportsubmit" value="Submit" onClick="readText(this.form)">
</form>

这是我的 JavaScript:

<script>
            function readText (form) {
            var radio = form.report.value;
            alert("You entered: " + radio);
        }
</script>

Answer 1

您可以从选中复选框中读取值，如下所示:

function readText(form) {
  var checked = form.querySelector('input:checked');
  var value = checked ? checked.value : null;
  // do something with `value`
}

element.querySelector() 适用于 IE8+。
我认为 :checked 是 CSS3 的东西，所以也许是 IE9+。

http://jsfiddle.net/rudiedirkx/mzCV8/1/