最稳方案是用 change 事件监听 radio 组并配合 hidden 属性控制显隐；必须用 addeventlistener 绑定，监听父容器，脚本放 domcontentloaded 中；hidden 优于 display: none 和 visibility: hidden；初始值需手动触发 handler 同步状态。

直接用 change 事件监听 radio 组，配合 hidden 属性控制区块显隐，是最稳、最易调试的方案。别用 display: none 手动切样式，也别依赖 CSS 的 :checked ~ 兄弟选择器做业务逻辑——它不触发 JS、无法处理初始值、也不兼容动态插入的 DOM。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

怎么绑定 change 事件才不漏触发

必须用 addEventListener('change', handler)，不能写 onclick 或内联 onchange=""：

• onclick 会漏掉键盘操作（比如用方向键选中后按回车）
• 内联写法只能绑一次，后续 JS 解绑或重绑会失效
• radio 组建议监听父容器（如 <fieldset></fieldset>），再用 e.target.value 拿当前值，避免遍历所有 input[type="radio"]
• 脚本要放在 document.addEventListener('DOMContentLoaded', ...) 里，或塞在

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