Переключатели начальной загрузки изменяются при выборе - PullRequest
Новая
       12

Переключатели начальной загрузки изменяются при выборе

0 голосов
/ 26 апреля 2018

Я использовал этот код Bootstrap 3, чтобы изменить радио на кнопки: 

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary">
        <input type="radio" name="sim_type" value="option 1" checked>Option 1
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="sim_type" value="option 2">Option 2
    </label>
</div>

Это хорошо работает в jsfiddle, но на моем сайте цвет кнопок не изменяется при нажатии. Это всегда так:

enter image description here

Но представленное значение является правильным.

1 Ответ

0 голосов
/ 24 мая 2018

Я добавил этот код, чтобы добавить класс .active вручную: 

// Change the color of selected radio button
$('label.btn').click(function() {
     $(this).parent('.btn-group').children('label.btn').addClass('active');
     $(this).removeClass('active');
});

ОБНОВЛЕНИЕ: Этот код не требуется.Вам просто нужно сначала добавить класс active к одному из ярлыков.Этот код хорошо работает без JS: 

<div class="btn-group" data-toggle="buttons">
    <label class="btn btn-primary active">
        <input type="radio" name="sim_type" value="option 1" checked>Option 1
    </label>
    <label class="btn btn-primary">
        <input type="radio" name="sim_type" value="option 2">Option 2
    </label>
</div>
...