Задать вопрос
alex_shevch
@alex_shevch
Frontend Developer

Почему radio button не чекается, если у него задан атрибут checked?

Собственно весь вопрос в теме. Имеется несколько радиокнопок в форме, нужно, чтобы по умолчанию первый был чекнут. Прописываю атрибут checked или checked='checked', но это ничего не даёт.
Код:
<ul class="payment-details-list">
        <li>
          <label class="active">
          <input type="radio" name="payment" checked="checked" value="4">Наличная оплата курьеру</label>
          <span class="icon-payment-4"></span>
          <span class="rate-payment"></span>
        </li>
        <li>
          <label class="noneactive">
          <input type="radio" name="payment" rel="" value="12">Оплата банковской картой через терминал курьера</label>
          <span class="icon-payment-12"></span>
          <span class="rate-payment"></span>
        </li></ul>

Скрин:
5bd0c280e1d28463150160.png
  • Вопрос задан
  • 2024 просмотра
Подписаться 1 Простой 7 комментариев
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
shmatuan
@shmatuan
8 year of Web, 5 years of Vue
А есть ещё в коде другие radio ?
checked срабатывает на последний вызванный checked
Например когда только эти 2 - всё работает https://codepen.io/shmatkoandrey/pen/oaQpez

Лучше вообще сделать их в теге fieldset
<fieldset id="group1">
    <input type="radio" value="" name="group1" checked="true">
    <input type="radio" value="" name="group1">
  </fieldset>
Ответ написан
Комментировать
@Kadirov_style
Надо просто задать всем радио инпутам формы одинаковые name аттрибуты.
Например:



Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы