如何使按钮组像单选按钮组一样工作？

Question

我正在使用Bootstrap 3，我想让两个按钮用作单选按钮，但我无法弄清楚如何。这里不用我的代码

<div class="btn-group" > 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default"> 
      PERSONAL 
     </button> 
    </div> 
    <div class="btn-group"> 
     <button type="button" class="btn btn-default"> 
      COMPANY 
     </button> 
    </div> 
</div> 

当我选择个人的，另一种是取消（因为它应该），但问题是：当表单开始

• 他们都不是主动
• 我可以取消勾选单击窗体

Answer 1

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option1"> Option 1 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option2"> Option 2 
    </label> 
    <label class="btn btn-primary"> 
    <input type="radio" name="options" id="option3"> Option 3 
    </label> 
</div> 

的出来后，用JS初始化： 通过JavaScript启用按钮：

$('.btn').button() 

你可以利用它一个积极加入“主动”类的标签 - “BTN BTN-主要活性”和“选中”输入电台。