Блог

Главная - Вопросы по программированию - показывать текст метки, если проверен его ввод (радио) ..?

показывать текст метки, если проверен его ввод (радио) ..?

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

Я пытаюсь написать динамический переключатель, в котором при выборе переключателя отображается текст его метки, но это не работает.

jsfiddle

 <label for="color1" style="background: #ff9999">1</label>
<input type="radio" id="color1" name="choose-color">

Комментарии:

1. Каким образом это не работает для вас? И да, есть ссылка. Теперь, почему ваш код не указан в вашем вопросе?

2. ввод должен стоять перед меткой, чтобы селектор мог получить доступ к метке из ввода: проверено : jsfiddle.net/RGM2E/1

Ответ №1:

Попробуйте это,

Javascript

 $("input[type=radio]").change(function(){
    $("label").css("font-size", "0px");
    $("label[for="  $(this).attr("id")  "]").css("font-size", "14px")
});

Вам также нужно удалить font: 14px/30px 'nexa_lightregular', Arial, sans-serif; из input:checked ~ label стиля.

Проверьте эту демонстрацию

Метки: