Html “选中”属性在重新加载页面后不起作用

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

及

及

及

---

但是，每当我选中“是”时，下次加载页面时，会再次选中“是”。我使用的是firefox，使用私人浏览没有帮助。

你可以尝试使用js，下面是

HTML:

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

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

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