Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
StepsOnes
@StepsOnes
JavaScript
HTML
Есть тест, как у выбранной кнопки менять background-color?
По сути это радио кнопки, но как это реализовать я беспонятия)
Вопрос задан
более двух лет назад
152 просмотра
17
комментариев
Подписаться
1
Простой
17
комментариев
Facebook
Вконтакте
Twitter
Ch cgtj Hihf
@PinBib
Что вы именно хотите сделать?
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Pin Bib
, по нажатию на кнопку меняется цвет, выбрана может быть лишь 1
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Pin Bib
, но таких кнопок в тесте много, не навешивать же на каждую группу кнопок обработчик, что бы отнимал циклом у всех классом со стилями выбранной кнопке и this кнопке присваивал класс
Написано
более двух лет назад
Froggyweb
@Froggyweb
https://www.google.com/search?q=%D1%81%D1%82%D0%B8...
все достаточно просто нужно стилизовать label, а input - прятать
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Froggyweb
, так в тесте по сути радио, не чекбоксы
Написано
более двух лет назад
Froggyweb
@Froggyweb
StepsOnes
, без разницы. подход одинаковый. радио от чекбокса отличается только браузерной логикой
Написано
более двух лет назад
crast
@crast
StepsOnes
, отмечайте ответом, чего уж там
Написано
более двух лет назад
Froggyweb
@Froggyweb
crast
, комментарий нельзя отметить ответом :)
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Froggyweb
, а как обращаться к label, label:cheked ? так же нельзя вроде бы
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Froggyweb
, к :cheked можно обращаться только к элементам находящимся на уровне ниже области radio/checkbox
Написано
более двух лет назад
Froggyweb
@Froggyweb
StepsOnes
, делай лабел через for
либо добавить элемент-обертку после инпут
https://snipp.ru/html-css/style-checkbox
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
StepsOnes
,
snippet
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Froggyweb
,
snippet
я уже не знаю, что делать))))
Написано
более двух лет назад
Froggyweb
@Froggyweb
StepsOnes
,
https://codepen.io/froggyweb/pen/LYrVgYo
Написано
более двух лет назад
StepsOnes
@StepsOnes
Автор вопроса
Froggyweb
, точно, span. Я тебя расцелую, спасибо огромное)))
Написано
более двух лет назад
Froggyweb
@Froggyweb
StepsOnes
, + забыл
Написано
более двух лет назад
Froggyweb
@Froggyweb
30 селекторов css .... очень полезный материал
Написано
более двух лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Noder SS
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
https://codepen.io/froggyweb/pen/LYrVgYo
)))
Ответ написан
более двух лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега JavaScript
Что-то вы...
Хоть бы тегнули Фрогги
Написано
более двух лет назад
Noder SS
@noder_ss
Ankhena
, чет не понял, о чем вы
Написано
более двух лет назад
Ankhena
@Ankhena
Куратор тега JavaScript
Ростик Кальченко
, даже так? Но не объяснять же взрослому человеку..
Написано
более двух лет назад
Noder SS
@noder_ss
Ankhena
, Как я понял, вы о пользователе кодепена?
Написано
более двух лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как сделать роутинг на чистом JS?
1 подписчик
вчера
189 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
15 мая
144 просмотра
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
14 мая
136 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Почему не подгружаются стили в PrimeVue?
1 подписчик
13 мая
72 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Не отображается модель в three.js, что делать?
2 подписчика
10 мая
1105 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему кука обрезается на 330 символов?
1 подписчик
10 мая
207 просмотров
3
ответа
JavaScript
+1 ещё
Средний
Как обрабатывать события браузера на смартфоне/планшете?
1 подписчик
09 мая
151 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
2 подписчика
09 мая
1627 просмотров
3
ответа
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
08 мая
1958 просмотров
2
ответа
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1935 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама