Bootstrap 3 кнопки переключения данных-радио

Кажется, кнопки-радио больше не работают в 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");


twitter-bootstrap-3
person Rich P    schedule 21.08.2013    source источник

Ответы (4)


arrow_upward
10
arrow_downward

Это оказалось ответом для меня, чтобы продолжать использовать кнопки радио в BS3:

$(this).addClass("current").siblings().removeClass("active");
person Rich P    schedule 27.03.2014
comment
Я использовал это, кроме addClass("active") вместо addClass("current"). - person Robert Tupelo-Schneck; 19.05.2014
comment
Да, кажется, мы должны использовать $(this).addClass("active").siblings().removeClass("active"); - person Jon Onstott; 30.09.2015
comment
Использование addClass("current") выделяет кнопку как active, пока вы не щелкнете, и тогда ни одна из них не будет выделена как active. Использование addClass("active") было бы лучшим решением. - person olimortimer; 08.01.2016

arrow_upward
8
arrow_downward

Не могли бы вы дать всем радио одинаковые 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

person Zim    schedule 21.08.2013
comment
Проблема в том, что мне нужно снять отметку со всех из них. Думаю, я мог бы обновить все, чтобы использовать переключатели и использовать http://jsfiddle.net/briguy37/EtNXP/ но я действительно надеялся, что есть способ сохранить их как ‹кнопки› и не использовать ‹input type=radio› - person Rich P; 22.08.2013

arrow_upward
6
arrow_downward

Добавлять

 data-toggle="button"

к каждой радиокнопке

Источник http://labs.thecssninja.com/bootleg/index.html#buttons

person Jaider    schedule 05.06.2014

arrow_upward
5
arrow_downward

Добавьте тип ввода = радио внутри вкладки:

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