使用javascript从单选按钮获取值

前端之家收集整理的这篇文章主要介绍了使用javascript从单选按钮获取值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个带有无线电输入的HTML表单,并希望使用javascript来分析结果.
我在查看JavaScript函数中的表单信息时遇到困难:

function getResults(formInput){
    alert (formInput.question1);
}

其中question1是我的单选按钮组的“名称”.

这将返回“对象Nodelist”,我不知道出了什么问题,我希望它返回“1”,这是我选中时单选按钮的值.

我不想知道哪个单选按钮被选中,哪个不是,我需要知道与所选单选按钮相关的值.

最佳答案
正在返回您引用的对象Nodelist,因为您有一组共享相同名称的元素.如果要查看已选中的单选按钮的值,则需要遍历集合:

function getResults() {
    var radios = document.getElementsByName("question1");

    for (var i = 0; i < radios.length; i++) {       
        if (radios[i].checked) {
            alert(radios[i].value);
            break;
        }
    }
}

这是a working jsFiddle.

猜你在找的HTML相关文章