Question

似乎按钮无线电不再适用于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");

Answer 1

这最终成为我在BS3中继续使用无线电类型按钮的答案：

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

Answer 2

你能给所有的收音机都一样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

Answer 3

添加

 data-toggle="button"

到每个单选按钮

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

Answer 4

添加输入类型=＆＃34; radio＆＃34;内部标签：

<a href="#prices" class="btn btn-default active" data-toggle="tab">
    <input type="radio">Prices
</a>

See JSFiddle DEMO

Bootstrap 3数据切换按钮 - 无线电

4 个答案: