Задать вопрос
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
  • Вопрос задан
  • 1953 просмотра
Подписаться 1 Простой 7 комментариев
Пригласить эксперта
Ответы на вопрос 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 аттрибуты.
Например:



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

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

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