单选按钮刷新后不记状态是html规范行为，需用localstorage手动保存和还原；监听change事件存name+value，domcontentloaded时读取并设置checked；注意name一致、value唯一及dom加载时机。

页面刷新后单选按钮没记住选中状态

默认情况下，HTML <input type="radio"> 不会自动保存或恢复上次选择——浏览器只在表单提交或前进/后退时才可能恢复，刷新页面就清空了。这不是 bug，是规范行为。要“恢复”，得自己存、自己读。

用 localStorage 保存并还原选中值

这是最常用也最可靠的方式：监听用户点击，把 name 和 value 存进 localStorage；页面加载后，按 name 找到对应按钮，设 checked = true。

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

注意点：

• name 属性必须一致（同一组单选按钮靠它关联），存的时候建议用 radio-${name} 作 key，避免冲突
• 还原时得等 DOM 加载完成（DOMContentLoaded 或放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！