在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

由於兩個單選按鈕共享名稱，「一組」和兩者都被選中 - 它不會顯示它。給第二個單選按鈕一個不同的名稱。單選按鈕是相互排斥的。