Javascript 当我点击"；其他"；单选按钮什么也没发生。为什么？

可能重复：

HTML:

10
20
其他

CSS:

#其他领域{
可见性：隐藏；
宽度：40px；
高度：14px；
边框：1px实心#777；
背景色：#111；
字体大小：10px；
颜色：#666；
}

jQuery：

<script>
function blahblahblah()
{
 var $radios = $('input:radio[name=numbers]');
    if ($radios.is(':checked') === true) {
       $("#other_field").show();
    }     
    else
    {
       $("#other_field").hide();
    }   
}
</script>

函数blahblahblah（）
{
var$radios=$（'input:radio[name=numbers]'）；
如果（$radios.is（':checked'）==true）{
$（“#其他_字段”）.show（）；
}     
其他的
{
$（“#其他_字段”）.hide（）；
}   
}

一切都很好。。但问题是。。当我点击“其他”单选按钮时，什么也没有发生。。而它应该打开另一个领域

if ($('input[name=numbers]:checked').val() === 'other') {
    // show hidden field
}

---

这将找到选中的

单选按钮

，并检查其值是否为“other”。

如果

blahblahblah

仅由

other

单选按钮调用，则无需担心编写的大部分逻辑。尝试通过jQuery将处理程序绑定到

other

单选按钮

HTML:

---

如果由于某种原因无法将ID添加到标记中，可以在其位置使用其他选择器，例如

$（'input[type=“radio”]：contains（“other”）
不要使用内联事件！您正在使用jQuery，请利用它添加事件！你提到的JS代码，1。我必须投入才能实施？2.我只能将此代码放在HTML的头部或任何地方？？？@user1999428您通常希望将javascript放在javascript文件中，并通过标题中的标记将其包含在HTML中；（@user1999428应该是这样的。这就是你在问题中发布的标记中的内容。
<script>
function blahblahblah()
{
 var $radios = $('input:radio[name=numbers]');
    if ($radios.is(':checked') === true) {
       $("#other_field").show();
    }     
    else
    {
       $("#other_field").hide();
    }   
}
</script>

if ($('input[name=numbers]:checked').val() === 'other') {
    // show hidden field
}

<input type="radio" id="otherRadio" name="numbers" value="other"/>other

$('#otherRadio').on('change', function () {
    if (this.checked) {
        $("#other_field").show();
    } else {
        $("#other_field").hide();
    }
});