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来简化。

返回radiobutton的值

1 个答案: