Bootstrap 4 стек радио btn-group

Итак, у меня есть btn-группа переключателей, которые я хочу складывать в ответ. Я просто не могу заставить его работать, за исключением случаев, когда я удаляю группу btn, но тогда переключатели, конечно, не знают, какие из них проверены, и просто перестают работать.

<div class="container">
    <div class="row">
        <div class="btn-group" role="group" data-toggle="buttons">
            <div class="col-lg-4">
                <label class="btn btn-primary active"><input hidden="true" type="radio" name="options" id="option1" autocomplete="off" checked> Radio 1</label>
            </div>
            <div class="col-lg-4">
                <label class="btn btn-primary"><input hidden="true"  type="radio" name="options" id="option2" autocomplete="off"> Radio 2</label>
            </div>
            <div class="col-lg-4">
                <label class="btn btn-primary"><input hidden="true" type="radio" name="options" id="option3" autocomplete="off"> Radio 3</label>
            </div>
        </div>
    </div>
</div>

twitter-bootstrap
person N. Wasserkampf    schedule 10.02.2017    source источник
comment
Так чего именно вы хотите? значение проверенного переключателя или активного класса на проверенном переключателе?   -  person Abhishek Kumbhani    schedule 10.02.2017
comment
@AbhishekKumbhani Мне нужен активный класс   -  person N. Wasserkampf    schedule 10.02.2017
comment
@ n-wasserkampf На самом деле загрузчик автоматически добавляет активный класс. Вот демонстрационная ссылка. Убедитесь, что вы правильно добавили файлы bootstrap.css, bootstrap.js и jquery.js.   -  person Abhishek Kumbhani    schedule 10.02.2017
comment
@AbhishekKumbhani Спасибо, я посмотрю на это.   -  person N. Wasserkampf    schedule 10.02.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете просто добиться этого, добавив этот скрипт:

$("input[type=radio]").on("change",function(){
    $('input:checked').parent().addClass("active"); // Change active with your own class name
});
person Abhishek Kumbhani    schedule 10.02.2017
comment
Спасибо! Я немного изменил его, чтобы он соответствовал моим потребностям, большое спасибо! - person N. Wasserkampf; 10.02.2017