javascript - 自动提交表单使用javascript错误

Question

我使用单选按钮提交表单，只有第一个带有单选按钮的记录有效，其他记录无效

example Fiddle http://jsfiddle.net/sjs96/q9a6v4ma/1/

<form id="searchid" method="post" action="test.php">

    <label><input name="search" id="radio" type="radio">test1</label><br>
    <label><input name="search" id="radio" type="radio">test2</label><br>
    <label><input name="search" id="radio" type="radio">test3</label>

</form>

JS:

var form = document.getElementById("searchid");
document.getElementById("radio").addEventListener("click", function () {
    form.submit();
});

Answer 1

多个元素不能具有相同的 ID。

改用查询选择器:

试试这个:

var form = document.getElementById("searchid");
var currEl = document.querySelectorAll(".radio");
for (var i = 0; i < currEl.lenght; i++) {
    currEl[ i ].addEventListener("click", function () {
      form.submit();
});
}

另外，

对您的 radio 使用不同的 ID。具有相同的 ID 会导致进一步的问题并可能影响性能。