Bootstrap和jQuery中预先选择的单选按钮[重复]

Question

所以我已经为此工作了好几个小时。 Bootstrap 和 jQuery 交互的方式似乎有问题。

如果我将单选按钮包装在 .input-group 中并且不使用除“checked”之外的其他属性，我只能在视觉上预先选择单选按钮，如下所示：

<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

由于两个单选按钮共享名称“一组”，并且都被选中 - 它没有显示它。给第二个单选按钮一个不同的名称。单选按钮是互斥的。