火狐浏览器刷新页面后，单选按钮未被选中。

Question

<div id="btns">
   <input id="r01" type="radio" name="music" checked>
   <input id="r02" type="radio" name="music">
   <input id="r03" type="radio" name="music">
   <input id="r04" type="radio" name="music">
   <input id="r05" type="radio" name="music">
</div>

火狐浏览器24版 - 在页面刷新时未检查r1。在按下Shift-F5键时 - 可以正常工作。
谷歌浏览器 - 可以正常工作。

- qadenza

---

尝试 <input id="r01" type="radio" name="music" checked="checked"> - HasanAboShally

另外，单选按钮不应该有值吗？ - HasanAboShally

@HasanAboShally，checked='checked'不起作用。我只需要点击事件，不需要值。 - qadenza

@HasanAboShally，设计原因。 - qadenza

我认为应该根据HTML元素的“含义”而不是外观来选择它们。语义化网络 ;) - HasanAboShally

Answer 1

如果在使用“Shift-F5”刷新页面时，Firefox会保存用户输入，因为表单尚未提交。

Firefox 在重新加载页面时保留表单数据

找到了解决方法！

只需在所有输入框和文本区域中添加 autocomplete="off" 即可解决该问题。

使用 jQuery 可以针对所有输入框和文本区域进行解决。

$('input,textarea').attr('autocomplete', 'off');

- Thomas Oster

Answer 2

这是一个长期存在的Firefox问题。

在页面加载时使用JavaScript设置已选属性：

window.onload=check;
function check() {
  document.getElementById("r01").checked = true;
}

- imre