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>

当我选择PERSONAL时，另一个被取消选择（应该如此），但问题是：

表单启动时，它们都不处于活动状态
我可以取消选择双击表格

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

您可以将其中一个激活，将“active”类添加到标签 - “btn btn-primary active”和“checked”输入无线电。

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

1 个答案: