Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法在javascript中获取单选按钮值_Javascript_Radio Button - Fatal编程技术网

无法在javascript中获取单选按钮值

无法在javascript中获取单选按钮值,javascript,radio-button,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;

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

我的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 '';
}
函数getRadioValue(){ var group=document.getElementsByName(“路由选择”); 对于(变量i=0;i 以下是链接:


有人能告诉我我做错了什么吗?

您的代码很好,但是找不到
getRadioValue
函数,它当前被包装在一个加载时调用的函数中,您必须在JSFIDLE窗口左侧的菜单中选择
No wrap-in

这相当于将代码放入页面
标题中的
脚本
元素中

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

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

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

document.getElementById('butt')。onclick=function(){
警报(getRadioValue());
});

这通常被认为更干净、更易于维护。

您的代码很好,但是找不到
getRadioValue
函数,它当前被包装在一个加载时调用的函数中,您必须在JSFIDLE窗口左侧的菜单中选择
No wrap-in

这相当于将代码放入页面
标题中的
脚本
元素中

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

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

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

document.getElementById('butt')。onclick=function(){
警报(getRadioValue());
});

这通常被认为更干净、更易于维护。

请不要在回答问题后删除它。内联javascript会让您喜欢它。尝试:回答问题后请不要删除。内联javascript会让你喜欢这样。尝试: