Группа переключателей Bootstrap не помечает радиостанции как проверенные

У меня есть несколько проблем с группами переключателей Bootstrap 3.

Когда я выбираю переключатель, он не помечает переключатель как отмеченный, а только добавляет «активный» к ярлыку переключателя.

Поэтому, когда я пытаюсь вытащить проверенный переключатель через PHP и Codeigniter, в частности, нет значений.

Должны ли радиокнопки работать не так, как должны работать обычные радиокнопки?

Вот код радиокнопки

<div class="form-group">
    <label for="Custom Branding">Custom Branding</label><br />
    <div class="btn-group user_toggle" data-toggle="buttons">
        <label class="btn btn-default btn-sm active">
            <input type="radio" name="default_branding" value="0" autocomplete="off" > No
        </label>
        <label class="btn btn-default btn-sm">
            <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes
        </label>
    </div>  
</div>

Поэтому, когда я нажимаю переключатель, ни один из переключателей не отмечен как отмеченный.

И радиокнопки есть только в массиве POST, если было внесено изменение, а мне там нужны все значения.

Что я делаю неправильно?


person frobak    schedule 19.04.2016    source источник
comment
stackoverflow .com/questions/21673985/   -  person Mark Leiber    schedule 19.04.2016
comment
Зачем мне использовать решение JS для воссоздания очень простого поведения HTML?   -  person frobak    schedule 19.04.2016
comment
Достигает ли этот плункер только с начальной загрузкой то, что вы хотите?: embed.plnkr.co/SYqwJ1MQUQJOCKoxN1Pl (см. в консоли, чтобы увидеть зарегистрированное значение того, отмечена ли каждая кнопка)   -  person Mark Leiber    schedule 20.04.2016


Ответы (1)


Не уверен, что понял вашу проблему, но ваш код не логичен. У вас есть активный класс на ярлыке, поэтому начальная загрузка отображает «Нет» как активный, но у вас нет атрибута «checked» в соответствующем входе радио, поэтому в чистом html он не проверяется.

ваш код с проверенным атрибутом, соответствующим активному классу...

<div class="form-group">
    <label for="Custom Branding">Custom Branding</label><br />
    <div class="btn-group user_toggle" data-toggle="buttons">
        <label class="btn btn-default btn-sm active">
            <input type="radio" checked="checked" name="default_branding" value="0" autocomplete="off" > No
        </label>
        <label class="btn btn-default btn-sm">
            <input type="radio" name="default_branding" value="1" autocomplete="off"> Yes
        </label>
    </div>
</div>
person davidmars    schedule 19.04.2016
comment
Да, но когда я проверяю/выбираю переключатель, он НЕ помечает этот переключатель как проверенный?! - person frobak; 19.04.2016