Html 选中单选按钮仅工作一次

我正在wordpress post循环中执行以下单选按钮代码：

<input id="<?php the_title(); ?>" type="radio" name="phoneSelect" value="test">
                 <label for="<?php the_title(); ?>">Select</label>

---

下面的JSFIDLE可以复制这个问题（显然是因为php没有被执行）

这是一个工作示例：

<div><input type="radio" name ="test" id="test"/>
    dasdas
</div>
<input type="radio" name ="test" id="test"/>

---

它将选中的复选框从顶部移动50像素。

它对我有效@左侧当我手动为每一个设置不同的id时，它工作正常。id正在被注入_title（）；wordpress的，应该仍然是uniqueID的，不要紧。再次检查JSFIDLE-现在没有ID。@leftside，好的，我发现以下代码是导致问题的原因：

input[type=radio]{visibility:none；}

@leftside您可以检查这个小提琴复制问题：当我为每个小提琴手动设置不同的ID时，它工作正常。id正在被注入_title（）；wordpress的，应该仍然是唯一的这是不使用ID的任何地方，它应用的风格输入类型无线电。

<div><input type="radio" name ="test" id="test"/>
    dasdas
</div>
<input type="radio" name ="test" id="test"/>

input[type="radio"]:checked{
    margin-top:50px;
}