在Bootstrap和jQuery中预先选择了单选按钮

Question

所以我一直在为此工作数小时。似乎Bootstrap和jQuery相互交互的方式存在一个小故障。

我只能得到单选按钮，从视觉上，如果我在。输入组包裹再用除了“检查”没有属性，像这样预先选择：

<div class="input-group"> 
<input type="radio" checked> 
<label>Automatic</label> 
<input type="radio"> 
<label>Custom</label> 
</div> 

这是推动我疯了，因为我需要控制表单如何以非标准方式运行。

如果我这样做，它会立即打破：

<div> 
<input type="radio" name="one-group" value="automatic" checked> 
<label>Automatic</label> 
<input type="radio" name="one-group" value="custom"> 
<label>Custom</label> 
</div> 

我已经进入了源代码，但我不希望给客户端，从标准差异过大的项目。

这里的问题：

它的工作原理，但在功能上没有明显。当我明白它的工作（使用标签中的跨度等）时，它不再起作用。写了一个非常复杂和特殊的插件，重复所有“单选按钮”的逻辑，我该如何解决这个问题？

我正在绞尽脑汁寻求解决方案，请大家帮忙！

Answer 1

由于两个单选按钮共享名称，“一组”和两者都被选中 - 它不会显示它。给第二个单选按钮一个不同的名称。单选按钮是相互排斥的。