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

Question

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

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

谁能告诉我我在做什么错

Answer 1

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

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

示范

另外，您可以通过以下方式将JavaScript与HTML分开：

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

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

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

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

问题描述

1 个解决方案

解决方案1
4 已采纳 2013-05-23 07:45:10

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

问题描述

1 个解决方案

解决方案1 4 已采纳 2013-05-23 07:45:10

解决方案1
4 已采纳 2013-05-23 07:45:10