"Checked" 属性在重新加载页面后不起作用

Question

我有一些 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>

这工作得很好，当我第一次加载页面时 "No" 会自动检查，但是当我检查是然后再次重新加载时，会自动检查 "yes" 选项而不是 "no"一个。这是一个问题，因为在选中是时，我会显示更多信息，默认值应该是 "no" 并且不显示任何额外信息。我试过：

    <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">

但每当我检查是时，下次我加载页面时 "yes" 会再次检查。我正在使用 firefox，使用隐私浏览没有帮助。

Answer 1

你可以试试用js，这里是fiddle

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');
});

"Checked" 属性在重新加载页面后不起作用

"Checked" attribute not working after reloading page

html

forms

radio

radio-button