Javascript 检查单选按钮值是否存在

我想检查是否存在单选按钮值“生日”，并显示该单选按钮（所有收音机都隐藏）。 “fl”是一个父div，它包含所有单选按钮（我使用“fl”很多次，都可以使用）。 不幸的是，“radiotoshow.length”警报始终显示0 “fl”中的一个单选按钮的值为“生日”（单选按钮文本为生日，我猜是值…），但它不起作用。任何想法都将不胜感激。 我在液体中动态创建循环中的单选按钮（shopify）。标记名在一种情况下是“生日”

HTML:

---

您的代码中的type和value属性之间存在空格问题，请检查单选按钮的值。这是区分大小写的。

var fl=$（“#fl”）；
var radiotoshow=fl.find（“输入[type=radio][value='birth']”）；
警报（无线电显示长度）；
如果（radiotoshow.length>0）{
$（“#msg”）.html（`生日收音机可用'）.show（）；
}否则{
$（“#msg”）.html（`生日收音机不可用'）.show（）；
}

#fl输入[type=“radio”]{
显示：无；
}
#味精{
显示：无；
}

文件

请添加相关的HTML。另外，在

[type=radio]

和

[value='birthday']

之间不应该有空格。谢谢@ScottMarcus我删除了空格，但对我来说还是0length@Simonski你错过了无线电输入中的value属性，这就是为什么if条件返回0/false。啊，我明白了，非常感谢@KumarGaurav！我认为值自动为{{tagName}}，所以我认为单选文本始终是值：）@Simonski是的，您可以尝试一下，但在这种情况下，您必须管理数组。

<li  class="sidebarfilters">
   <label class="sidebar-checkboxlabel">
      <input  class="radio-btn" id={{tag | handleize }} type="radio" onClick="" name= {{ ghosttown }}>
        {{ tagName }}
   </label>
</li>

var radiotoshow = fl.find("input[type=radio][value='birthday']");
alert(radiotoshow.length);
if (radiotoshow.length > 0) {
  this.show();
}