0

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

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

谁能告诉我我在做什么错

4

1 回答 1

4

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

这相当于将代码放在页面的script元素中head。

示范

或者，您可以通过以下方式将 javascript 与 HTML 分开：

<input id=butt type="button" value="Which?" />

<script>
    document.getElementById('butt').onclick=function(){
       alert(getRadioValue());
    });
</script>

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

于 2013-05-23T07:45:10.233 回答