重置(取消选择)Bootstrap Radio按钮的问题

Question

你能看看这个演示,让我知道为什么我不能通过使用以下代码取消选择所有单选按钮:

<div class="btn-group" data-toggle="buttons" id="radioopt">
  <label class="btn btn-primary active">
    <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>
<button class="btn btn-success" id="deselect">Reset</button>

<script>
  $("#deselect").on("click",function(){
    $(".btn-group button").removeClass("active");
  }
</script>

Answer 1

这应该工作.你的选择器错了,你也没有关闭你的on方法.

$("#deselect").on("click",function(){
  $(".btn-group .btn").removeClass("active");
});

此外,如果你真的想知道激活没有被应用到输入无线电,​​它将被应用于父节点,所以如果你真的想选择无线电,那么你必须选择无线电,然后选择父节点,如下所示:

$("#deselect").on("click",function(){
 $('input:radio').parent().removeClass("active");
});

编辑

这是一个提醒值的示例

http://jsfiddle.net/Wcq2F/

更新后的版本:

http://jsfiddle.net/Wcq2F/45/