Exebeche
@Exebeche
Осваиваю программирование

Почему при нажатии на label не меняется состояние radiobutton?

Хочу сделть красивые кнопки, но при нажатии на label ничего не происходит,хотя при наведении на label есть блик на radiobutton.
При нажатии на сам кружок все срабатывает, но для стилизации нужно нажатие именно на label.
Верстку взял с сайта bootstrap-а и там срабатывает при клике на label, а в чем у меня загвоздка - не пойму
Вывожу радио в цикле
<form class="form-inline" data-toggle="buttons" data-id="size" id="size">


                    <?php foreach ($product->sizes as $size): ?>

                        <div class="form-check">
                            <input class="form-check-input" name="size" type="radio" id="<?= $size->name ?>" value="<?= $size->name ?>" />
                            <label class="form-check-label" for="<?= $size->name ?>"><?= $size->name ?></label>
                        </div>

                    <?php endforeach; ?>

                </form>
  • Вопрос задан
  • 129 просмотров
Решения вопроса 1
Exebeche
@Exebeche Автор вопроса
Осваиваю программирование
И таки нарыл сам, после написания вопроса.
Может еще кому пригодится
Добавляем js и радуемся
$('.form-check').click(
    function(){
        $(this).find(':radio').attr('checked','checked');
        //выделение всех чекбоксов на кликнутом контейнере, снять выделение через removeAttr("checked")
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Max.Credit Санкт-Петербург
от 150 000 до 150 000 руб.
Fmedia Санкт-Петербург
от 40 000 до 100 000 руб.
Willz Москва
от 150 000 руб.
15 авг. 2018, в 23:38
300 руб./за проект
15 авг. 2018, в 22:39
60000 руб./за проект
15 авг. 2018, в 21:18
30000 руб./за проект