mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)

Radio buttons и переходы по ссылкам?

Всем привет!
Образовалась такая проблема
Есть три радио-кнопки, три текстовых блока и три anchor ссылки.
Надо , чтобы при выборе первой кнопки она стала синей и при этом произошел переход по первой anchor ссылке.
Тоже самое со второй и третьей кнопкой.
А у меня получается так :
1 вариант
если я кликаю по кнопке, не задевая текст, то кнопка становится синей, но не происходит переход по ссылке
2 вариант
если я кликаю по ссылке внутри кнопки, то происходит переход по ссылке, но кнопка не становится синей
И никак не могу сделать, чтобы можно было кликать в любом месте кнопки и при этом менялся цвет кнопки и был переход по ссылке.
Пожалуйста, кто что может подскажите!
Можно с использованием JavaScript.
Заранее спасибо!

тут пример
https://codepen.io/mk3mk/pen/dyyaZMv?editors=1010
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
IceRD
@IceRD
тег a или lable будут перекрывать друг друга, в html нет всплывающих событий.
Предложу добавить немного js
https://codepen.io/IceRD/pen/eYYxyWR
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
mk3mk
@mk3mk Автор вопроса
занимаюсь вёрсткой (иногда)
сделал вот так
https://codepen.io/mk3mk/pen/LYYqaLx?editors=0010

Оно как-то попроще для понимания, ну это мне так кажется ...
Инпуты вообще убрал, оставил только сами линки.
По линкам происходит переход по ссылкам.
А цвет кнопок-ссылок меняю через Javascript.

Какой вариант лучше, кто как думает ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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