Как сделать работающие чекбоксы?

Question

[zveronol]

В данном случае он не работает.

Answer 1

[Ankhena]

Потому что нет соседнего с инпутом лейбла.
Они не лежат на одном уровне.
Поэтому, вам кажется, что это инпут не работает.

Переместите инпут или лейбл, так чтобы они стали соседними элементами.

Не скрывайте инпуты через display none, погуглите про доступное скрытие и паттерн visually-hidden.

Comments

[zveronol]

Ankhena, про скрытие понятно. но перенести куда то врядли смогу. или можно? ниже скрин
так просто в в макете

[Ankhena]

zveronol,

но перенести куда то врядли смогу

Почему?

Поставьте инпут перед label.

И мало понятно зачем нужен div вокруг инпута и кнопки, если инпут все равно невидимый.