«Проверено» атрибут не работает после перезагрузки страницы - PullRequest
Новая
       23

«Проверено» атрибут не работает после перезагрузки страницы

0 голосов
/ 26 мая 2018

У меня есть некоторый HTML-код, который я использую для веб-сайта, который выглядит следующим образом: (с некоторыми измененными переменными) 

<div class="radio">
    <label>
    <input type="radio" name="radio2" class="radio2" value="YES">
    YES 
    </label>
</div>
    <div class="radio">
    <label>
    <input type="radio" name="radio2" class="radio2" value="NO" checked="checked">
    NO
    </label>
</div>

Это прекрасно работает, и "Нет" автоматически проверяется при первой загрузкестраницы, но когда я проверяю «да» и затем перезагружаюсь, автоматически выбирается вариант «да», а не «нет».Это проблема, потому что после проверки «да» я отображаю больше информации, и по умолчанию должно быть «нет» и никакой дополнительной информации не отображается.Я пробовал: 

    <input type="radio" name="radio2" class="radio2" value="NO" checked="checked">

и 

    <input type="radio" name="radio2" class="radio2" value="NO" checked="true">

и 

    <input type="radio" name="radio2" class="radio2" value="NO" checked>

и 

<input type="radio" name="radio2" class="radio2" value="YES" checked="false">    
<input type="radio" name="radio2" class="radio2" value="NO" checked="true">

, но всякий раз, когда я проверяю, да,В следующий раз, когда я загружаю страницу, проверяется снова «да».Я использую Firefox, и использование частного просмотра не помогает.Если у вас есть идеи, дайте мне знать!

1 Ответ

0 голосов
/ 26 мая 2018

Вы можете попробовать использовать js, вот скрипка

HTML: 

<form>
    <div class="radio">
        <label>
            <input id="yes" type="radio" name="radio2" class="radio2" value="YES" checked="checked">
            YES 
            </label>
    </div>
    <div class="radio">
        <label>
            <input id="no" type="radio" name="radio2" class="radio2" value="NO">
            NO
            </label>
    </div>
    <input type="submit">
</form>

JS: 

$(document).ready(function() {
  $('#no').prop('checked', 'checked');
});
...