如何获得所选单选按钮的值？

Question

如何获得所选单选按钮的值？

我的JS程序有一些奇怪的问题。我的工作正常，但出于某种原因，它不再起作用了。我只想找到单选按钮的值(其中一个被选中)，并将其返回给一个变量。因为某种原因，它一直在回归undefined.

这是我的代码：

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }}

submitForm:

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);}

HTML：

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A></form>

Answer 1

这适用于任何探险家。document.querySelector('input[name="genderS"]:checked').value;它是获取任何输入类型的值的最简单的方法。你也是不需要包含jQuery路径。

Answer 2

document.forms.your-form-name.elements.radio-button-name.value