单选按钮未重置为初始

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，但是输入没有被检查。

我使用的是material design lite (https://getmdl.io/)

Answer 1

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

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

Read more here