javascript - 返回单选按钮的值

Question

我检查了重复项，但没有发现完全相同的问题，所以我们开始吧。我有两个单选按钮，我需要在提交表单时返回它们的值。问题是当我单击提交按钮时，我总是得到相同的单选按钮值。这是一些代码：

<div id="automatic">
        <p>Title1
            <input type="radio" id ="mode" name="mod" value="auto" >
        </p>           
    </div>

    <div id="selection">
        <p>Title2
            <input type="radio" id ="mode" name="mod" value="nonauto" >
        </p>           
    </div>

    <form id="search" action="test.jsp" method="GET" onsubmit="if (document.getElementById('search_text').value.length < 1) return false;">
        <input id="search_text" type="text" name="q">
        <input id="searchButton" type="submit" onclick="displayRadio()" value="Search" autocomplete="off" size="115">
    </form>

这是Javascript代码：

function displayRadio() {
        alert(document.getElementById("mode").value)
}

Answer 1

使用不同的 id 并使用您的函数来查找其中哪些被检查并返回其值。

function displayRadio() {
    var modeauto = document.getElementById('modeauto');
    var modenoauto = document.getElementById('modenoauto');
    var value = modeauto.checked ? modeauto.value : modenoauto.value;
    alert(value);
}

不过，为了简单起见，我建议使用 jQuery。