单选按钮不会重置为初始值

Question

我有以下共享相同的单选按钮name：

<div id="main_div">
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="radio1">
        <input type="radio" id="radio1" class="mdl-radio__button" name="somename" value="1" checked>
        <span class="mdl-radio__label">Radio 1</span>
    </label>
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="radio2">
        <input type="radio" id="radio2" class="mdl-radio__button" name="somename" value="2">
        <span class="mdl-radio__label">Radio 2</span>
    </label>
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="radio3">
        <input type="radio" id="radio3" class="mdl-radio__button" name="somename" value="3">
        <span class="mdl-radio__label">Radio 3</span>
    </label>
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="radio4">
        <input type="radio" id="radio4" class="mdl-radio__button" name="somename" value="4">
        <span class="mdl-radio__label">Radio 4</span>
    </label>
    <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="radio5">
        <input type="radio" id="radio5" class="mdl-radio__button" name="somename" value="5">
        <span class="mdl-radio__label">Radio 5</span>
    </label>
</div>

我无法处理它，因为我需要更改页面并返回。

例如，当我检查收音机radio3并使用链接转到下一页，然后单击浏览器返回时。我的单选radio3按钮仍然处于选中状态，但我默认给出了radio1属性checked，因此我认为radio1应该选中该属性。

radio3我在下面的类中看到标签is-checked，但未检查输入。

我正在使用材料设计精简版（https://getmdl.io/）

Answer 1

autocomplete="off"您可以通过添加元素来防止浏览器“记住”单选按钮的状态<input>。这应该使您的页面显示每次检查的第一个收音机。

<input type="radio" value="xxx" autocomplete="off">

在这里阅读更多内容