Question

我想在下面只选择一个可以正常工作的选项，但是也可以取消选择一个没有选择引导程序的选项。有没有办法做到这一点？

<div class="btn-group" data-toggle="buttons-radio">
     <button data-toggle="button" class="btn btn-small">1</button>
     <button data-toggle="button" class="btn btn-small">2</button>
     <button data-toggle="button" class="btn btn-small">3</button>
</div>

Answer 1

你必须使用Javascript：

$(".btn-group button").removeClass("active");

见这里：http://jsfiddle.net/TrPFf/2/

Answer 2

如果您使用的是Bootstrap的Button插件，您可以将单选按钮包装在“按钮”标签中，如下所示：

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

这使得语义更加语义化，并且更容易获得用户输入。

Bootstrap单选按钮取消选择

2 个答案: