启动单选按钮取消选择

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插件，你可以像这样用" 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更加语义化，更容易获得用户输入。