0

На странице есть 2 чекбокса

<p><input type="radio" name="RadioBtn" id="RB" value="payeer" /><label for="RB">Payyer</label></p>
    <p><input type="radio" name="RadioBtn" id="RB" value="advcash" /><label for="RB">AdvCash</label></p>

Как мне сделать так, чтобы при выборе каждого, рядом выскакивал label с каким-то текстом(подсказкой)? Спасибо

1
  • 1
    Если не ошибаюсь, не допускается использование одного id для нескольких элементов. Возможно, Вы забыли поменять содержимое id и for для второго элемента.
    – user249284
    14 авг 2018 в 11:07

2 ответа 2

2
  1. id уникально
  2. для for label меняем на соот. id
  3. чтобы показать подсказку используем псевдокласс :checked

label span {
  display: none;
  color: #f00;
}

[id^=RB]:checked~label span {
  display: inline-block;
}
<p><input type="radio" name="RadioBtn" id="RB1" value="payeer"><label for="RB1">Payyer <span>Tooltip</span></label></p>
<p><input type="radio" name="RadioBtn" id="RB2" value="advcash"><label for="RB2">AdvCash <span>Tooltip</span></label></p>

3
  • Спасибо! А как можно сделать, чтобы начальные лейблы payeer и advcash оставались на месте, а при переключении справа допустим добавлялись новые?
    – Midnight
    14 авг 2018 в 11:17
  • @Midnight Обновил ответ
    – soledar10
    14 авг 2018 в 11:21
  • То что нужно, спасибо!
    – Midnight
    14 авг 2018 в 11:25
0

Как один из вариантов: Присвойте каждому элементу id, и с помощью js или jquery, по событию onclick, прячьте и показывайте контент или блок с информацией.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.