引导单选按钮取消选择答案

【问题标题】：Bootstrap Radio Button Unselect引导单选按钮取消选择
【发布时间】：2013-01-01 16:14:10
【问题描述】：

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

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

【问题讨论】：

标签： twitter-bootstrap radio-button

【解决方案1】：

您必须使用 Javascript 来做到这一点：

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

请看这里：http://jsfiddle.net/TrPFf/2/

【讨论】：

第一次的选择似乎对我不起作用

【解决方案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 更加语义化，并且更容易获得用户输入。

【讨论】：

它如何回答他的问题？
按钮插件会自动处理。这也是他们在引导文档中推荐的方式。