Можно ли подружить checkbox + button?

Можно ли сделать, чтобы с помощью чекбокса менять кнопки местами?
К примеру, заменить кнопку "play" на "pause", зависимости от состояния чекбокса.

Стили CSS писать не обязательно. Нужно подсказать, почему не чекается при клике на кнопку, и можно ли это победить.

PS. Как сделать с JS знаю.

Пример на codepen.io
  • Вопрос задан
  • 870 просмотров
Решения вопроса 1
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
Использовать onchange, проверять:
Если checked возвращает true, прописывать движение через style
Если false прописывать другое движение
Кнопкам не забудь transition задать что бы плавно перемещались
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
tema_sun
@tema_sun
Если возможно отказаться от тега button, то возможен такой вариант:
https://codepen.io/anon/pen/oJgRza

С button это по идее работать не будет, т.к.
Разрешенный контент
Текстовый контент, но без вложенных элементов label. Недопустимы другие оборачиваемые в label элементы помимо целевого.

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
Ответ написан
@jasper-blondin
Вариант решения на чистом CSS:
https://codepen.io/anon/pen/NePEZO
Ответ написан
@nvdfxx
Senior Pomidor developer
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы