使用javascript从单选按钮获取值

发布时间：2020-12-14 23:02:57 所属栏目：资源来源：网络整理

导读：我有一个带有无线电输入的HTML表单,并希望使用javascript来分析结果. 我在查看JavaScript函数中的表单信息时遇到困难： function getResults(formInput){ alert (formInput.question1);} 其中question1是我的单选按钮组的“名称”. 这将返回“对象Nodelist”

我有一个带有无线电输入的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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!