twitter-bootstrap - 引导单选按钮取消选择

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>

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