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

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

当前回答

如果有人像我一样在这里寻找答案，你可以从Chrome 34和Firefox 33中执行以下操作:

var form = document.theForm;
var radios = form.elements['genderS'];
alert(radios.value);

或者更简单:

alert(document.theForm.genderS.value);

具有:https://developer.mozilla.org/en-US/docs/Web/API/RadioNodeList/value

2016-11-14 14:37:13

其他回答

试试这个

function findSelection(field) {
    var test = document.getElementsByName(field);
    var sizes = test.length;
    alert(sizes);
    for (i=0; i < sizes; i++) {
            if (test[i].checked==true) {
            alert(test[i].value + ' you got a value');     
            return test[i].value;
        }
    }
}


function submitForm() {

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

这里有一把小提琴。

2012-03-08 14:07:17

把Ed Gibbs的答案代入一个一般函数:

function findSelection(rad_name) {
    const rad_val = document.querySelector('input[name=' + rad_name + ']:checked');
    return (rad_val ? rad_val.value : "");
}

然后你可以执行findSelection("性别");

2022-02-24 02:23:29

我更喜欢使用formdata对象，因为它表示提交表单时应该发送的值。

注意，它显示了表单值的快照。如果更改值，则需要重新创建FormData对象。如果您想查看收音机的状态变化，您需要订阅更改事件更改事件演示

演示:

let formData = new formData (document.querySelector("form")); console.log('值为:${formData.get("choice")} '); < >形式比萨皮< p >: < / p > < p > <input type="radio" name="choice" value="regular" > <label for="choice1id">普通外壳</label> < / p > < p > <input type="radio" name="choice" value="deep" checked > <label for="choice2id">深盘</label> < / p > > < /形式

2021-10-15 09:08:43

我喜欢使用括号从输入中获取值，它比使用圆点更清楚。

document.forms['form_name']['input_name'].value;

2020-09-14 11:50:38

从jQuery 1.8开始，查询的正确语法是

$('input[name="genderS"]:checked').val();

不是$('输入[@ name = "性别"]:检查”).val ();它在jQuery 1.7中工作(使用@)。

2013-06-04 15:22:20

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

推荐文章

最新文章

标签