複数のボタングループ - 選択問題

Question

私は2つのダイナミックに作成されたブートストラップボタングループを持っています。ボタンを選択すると機能します。しかし、他のボタンを選択するとすぐに、他のグループでは元のボタンが選択解除されます。だから、基本的に私は一つのボタンを選択することができます、それらは異なったボタングループにあります。どんな考え？ボタングループIDは一意です。

<div class="container"> 
    <h2>Button Group</h2> 
    <div class="btn-group" id="group1"> 
    <button type="button" class="btn btn-primary">Apple</button> 
    <button type="button" class="btn btn-primary">Samsung</button> 
    <button type="button" class="btn btn-primary">Sony</button> 
    </div> 
    <div class="btn-group" id="group2"> 
    <button type="button" class="btn btn-primary">Apple</button> 
    <button type="button" class="btn btn-primary">Samsung</button> 
    <button type="button" class="btn btn-primary">Sony</button> 
    </div> 
</div> 

Answer 1

これで問題は解決します。

<div class="container"> 
    <h2>Button Group</h2> 
    <div class="btn-group" data-toggle="buttons"> 
    <label for="" class="btn btn-primary"> 
     <input type="radio" >Apple 
    </label> 
    <label for="" class="btn btn-primary"> 
     <input type="radio" >Samsung 
    </label> 
    <label for="" class="btn btn-primary"> 
     <input type="radio">Sony 
    </label> 
    </div> 

    <div class="btn-group" data-toggle="buttons"> 
    <label for="" class="btn btn-primary"> 
     <input type="radio" >Apple 
    </label> 
    <label for="" class="btn btn-primary"> 
     <input type="radio" >Samsung 
    </label> 
    <label for="" class="btn btn-primary"> 
     <input type="radio" >Sony 
    </label> 
    </div> 
</div>