seregazolotaryow64
@seregazolotaryow64
Программист отдела интернет-маркетинга

Почему оформленные чекбоксы и радиокнопки не реагируют на нажатия?

Реализовал кастомные чекбоксы и радиокнопки. Они правильно отображаются (особенно при включённом атрибуте checked), но не реагируют на нажатия.

Как выглядит структура чекбоксов и радиокнопок:
<footer>
                                <div class="check-selectors">
                                    <span class="title-form">FORM OF OWNERSHIP</span>
                                    <div>
                                        <input type="checkbox" value="" checked>
                                        <span>checkbox on</span>
                                    </div>
                                    <div>
                                        <input type="checkbox" value="" checked>
                                        <span>checkbox on</span>
                                    </div>
                                    <div>
                                        <input type="checkbox" value="">
                                        <span>checkbox off</span>
                                    </div>
                                </div>
                                <div class="radio-selectors">
                                    <span class="title-form">AVAILABILITY OF PARKING, SWIMMING POOL, RESTAURANT</span>
                                    <div>
                                        <input type="radio" value="" checked>
                                        <span>radiobutton on</span>
                                    </div>
                                    <div>
                                        <input type="radio" value="" checked>
                                        <span>radiobutton off</span>
                                    </div>
                                    <div>
                                        <input type="radio" value="">
                                        <span>radiobutton off</span>
                                    </div>
                                </div>
         </footer>

Как правильно оформлять элементы управления так, чтобы они эффективно реагировали на действия пользователей?
CSS-код в комментариях.
  • Вопрос задан
  • 84 просмотра
Решения вопроса 2
godsplane
@godsplane
нужен не див а label
Ответ написан
Kozack
@Kozack Куратор тега HTML
Thinking about a11y
- <div>
+ <label>
  <input type="checkbox" value="" checked>
  <span>checkbox on</span>
- </div>
+ </label>


UPD.
Советую по теме Кастомные чекбоксы
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
12 апр. 2021, в 14:54
3000 руб./за проект
12 апр. 2021, в 14:52
12000 руб./за проект