Javascript html中的单选按钮

我试图从单选按钮JSFIDLE获取所选值

HTML:

<table>
    <tr>
        <td> Is Reference Number Available</td>
         <td> <input type="radio" name="group1" value="yes" onchange="isReferenceNumberAvailable()"> Yes</input> 
              <input type="radio" name="group1" value="no" onchange="isReferenceNumberAvailable()"> No </input>
        </td>
    </tr>

</table>

但当我选择单选按钮时，我得到以下信息：

Uncaught ReferenceError: isReferenceNumberAvailable is not defined 

---

您的代码正在工作，唯一的错误是

javascript位置错误

查看此

查看此

理由

---

问题只是它没有被链接到fiddle中，当它被放置在HTML中的脚本标记中时，它就可以工作了。请参见

与html一起使用是很好的

使用jquery使用以下脚本

$(document).ready(function(){
$('input:radio').click(function(){
alert$('input[name=group1]:checked').val()); // get selected radio button value
// do what you need here
});
});

尽量将所有JS放在结束标记之前。

关于您的HTML和脚本，我会选择更好、更简单的：

<table>
    <tr>
        <td> Is Reference Number Available</td>
         <td>
           <input type="radio" name="group1" value="yes"> Yes
           <input type="radio" name="group1" value="no"> No 
        </td>
    </tr>
</table>

有参考号吗
对
不

JS:

var$el=document.getElementsByName（“group1”），
msg={“是”：“需要创建引用选择框”，“否”：“不创建”}；
函数getVal（）{
如果（选中此项）警报（消息[此值]）；
}
对于（var i=0；i您需要从左侧的下拉列表中选择“无换行<代码>

”选项：可能重复

<script> Within this together with html its fine </script>

$(document).ready(function(){
$('input:radio').click(function(){
alert$('input[name=group1]:checked').val()); // get selected radio button value
// do what you need here
});
});

<table>
    <tr>
        <td> Is Reference Number Available</td>
         <td>
           <input type="radio" name="group1" value="yes"> Yes
           <input type="radio" name="group1" value="no"> No 
        </td>
    </tr>
</table>

var $el = document.getElementsByName("group1"),
    msg = {"yes":"Need to create Reference select box", "no":"Don't create"};

function getVal(){    
   if(this.checked) alert( msg[this.value] );
}

for(var i=0; i<$el.length; i++)
    $el[i].onchange = getVal;