没有在javascript中获取单选按钮值

时间:2013-05-23 07:43:45

标签: javascript radio-button

在我的应用程序中,我试图获得单选按钮的价值,但有些人却无法获得它。

我的HTML是

<div style="border-bottom: 5px Solid #800080;">
    <input type="radio" value="0 " name="routeSelect" checked="checked">Route 1</div>
<br>
<div style="border-bottom: 5px Solid #000080;">
    <input type="radio" value="1 " name="routeSelect">Route 2</div>
<br>
<input type="button" onclick="alert(getRadioValue());" value="Which?" />

我的js是

function getRadioValue() {

    var group = document.getElementsByName("routeSelect");

    for (var i = 0; i < group.length; i++) {
        if (group[i].checked) {
            return group[i].value;
        }
    }

    return '';
}

这是链接:http://jsfiddle.net/aX89G/

任何人都可以告诉我我在做什么错误

1 个答案:

答案 0 :(得分:4)

您的代码很好,但找不到getRadioValue函数,它当前包含在加载时调用的函数中,您必须在jsfiddle窗口左侧的菜单中选择No wrap - in <head>

这相当于将代码放在页面script的{​​{1}}元素中。

Demonstration

或者,您可以通过以下方式将HTML与HTML分开:

head

这通常被认为更清洁,更易于维护。