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

我的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>

当前回答

ECMAScript 6版本

let genderS = Array.from(document.getElementsByName("genderS")).find(r => r.checked).value;

2016-12-08 10:30:18

其他回答

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

2013-01-29 10:32:25

    var value = $('input:radio[name="radiogroupname"]:checked').val();

2013-04-12 23:12:47

如果你可以为你的表单元素()分配一个Id，这种方式可以被认为是一种安全的替代方式(特别是当无线电组元素名称在文档中不是唯一的):

function findSelection(field) {
    var formInputElements = document.getElementById("yourFormId").getElementsByTagName("input");
    alert(formInputElements);
        for (i=0; i < formInputElements.length; i++) {
        if ((formInputElements[i].type == "radio") && (formInputElements[i].name == field) && (formInputElements[i].checked)) {
            alert(formInputElements[i].value + ' you got a value');     
            return formInputElements[i].value;
        }
    }
}

HTML:

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

2017-11-24 13:16:12

这是纯JavaScript，基于@Fontas的回答，但如果没有选中单选按钮，则使用安全代码返回空字符串(并避免TypeError):

var genderSRadio = document.querySelector("input[name=genderS]:checked");
var genderSValue = genderSRadio ? genderSRadio.value : "";

代码是这样分解的:

第1行:获得一个对控件的引用，其中(a)是<input>类型，(b)有一个名称属性为性别，(c)被检查。第2行:如果有这样一个控件，返回它的值。如果没有，则返回空字符串。如果第1行找到控件，则genderSRadio变量为真值，如果没有找到，则为空/假值。

对于JQuery，使用@ jbaby的答案，并注意，如果没有选中单选按钮，它将返回未定义。

2015-08-23 04:30:29

这适用于任何浏览器。

document.querySelector('input[name="genderS"]:checked').value;

这是获取任何输入类型值的一种简单方法。你也不需要包含jQuery路径。

2014-07-22 11:43:19

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

推荐文章

最新文章

标签