18

似乎按钮收音机不再适用于 Bootstrap 3

<div class="btn-group" data-toggle="buttons-radio">
    <button class="btn btn-default" value="1" type="button" >1</button>
    <button class="btn btn-default" "value="2" type="button" >2</button>
</div>

它已被单选按钮输入所取代。有什么办法可以带回一个按钮组中允许检查的唯一一个按钮？我需要能够在选择一个项目后完全取消选择该组，这样单选按钮就不会起作用。

这最终成为我在 BS3 中继续使用收音机类型按钮的答案：

$(this).addClass("current").siblings().removeClass("active");

4

4 回答 4

10

这最终成为我在 BS3 中继续使用收音机类型按钮的答案：

$(this).addClass("current").siblings().removeClass("active");
于 2014-03-27T20:29:03.580 回答
8

你能给所有的收音机都一样name=吗？然后他们会互相切换..

<label class="radio-inline">
  <input type="radio" name="radioGroup" id="radio1" value="option1"> 1
</label>
<label class="radio-inline">
  <input type="radio" name="radioGroup" id="radio2" value="option2"> 2
</label>
<label class="radio-inline">
  <input type="radio" name="radioGroup" id="radio3" value="option3"> 3
</label>

演示：http ://bootply.com/75922

于 2013-08-21T13:36:02.000 回答
6

添加

 data-toggle="button"

到每个单选按钮

来源http://labs.thecssninja.com/bootleg/index.html#buttons

于 2014-06-05T23:57:20.303 回答
5

在选项卡中添加 input type="radio"：

<a href="#prices" class="btn btn-default active" data-toggle="tab">
    <input type="radio">Prices
</a>
于 2014-08-08T13:16:36.623 回答