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

Question

所以我几个小时都在研究这个问题。看起来Bootstrap和jQuery彼此交互的方式有一个小问题。

如果我将它包装在.input-group中，并且除了＆＃34; checked＆＃34;之外不使用任何属性，我只能在视觉上预先选择单选按钮。像这样：

<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>

我一直在使用源代码，但我不想给客户一个过分偏离标准的项目。

问题在于：

它在功能上有效但不明显。当我明显地工作时（使用标签中的跨度等）它不再起作用。如果没有编写一个非常复杂和特定的插件来重做＆＃34;单选按钮＆＃34;的所有逻辑，我该如何解决这个问题？

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

Answer 1

由于两个单选按钮共享名称，＆＃34; one-group＆＃34;，并且两者都被检查 - 它没有显示它。为第二个单选按钮指定一个不同的名称。单选按钮是互斥的。