最直接办法是点击后立即设 checked=false；需用内联onclick或同步监听，异步无效；preventdefault对radio无效；disabled会禁用click事件；需同时处理键盘交互和表单语义。
radio 按钮点击后立即取消选中
想让单选按钮视觉上可点击、能触发 onclick，但又不真正被选中，最直接的办法是：在点击发生后立刻把 checked 设为 false。浏览器先执行默认选中逻辑，紧接着 JS 把它撤回，用户几乎感知不到延迟。
- 必须用
onclick="this.checked = false"这种内联写法，或在事件监听里同步赋值 —— 异步（比如setTimeout或fetch.then）就晚了 - 不能只靠
preventDefault()：单选按钮的点击默认行为不是“跳转”，而是“更新 checked 状态”，preventDefault()对它无效 - 所有同名
name的 radio 都要加这个逻辑，否则点一个没处理的，它还是会选中并影响其他
用 disabled 属性但保留点击能力？不行
disabled 会让元素完全失去 click 事件响应能力，哪怕你给它绑了 onclick 或监听了 addEventListener('click', ...)，事件根本不会触发。这不是兼容性问题，是浏览器规范行为。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 如果你看到“禁用状态下还能点”，大概率是父容器在响应点击，而不是 radio 本身
- 想视觉灰掉 + 可点击，得放弃原生
disabled，改用aria-disabled="true"+tabindex="-1"+ CSS 控制pointer-events: none或手动拦截 - 注意：这样做的 radio 已脱离表单语义，
form.querySelectorAll('input[type="radio"]:checked')将无法捕获它
阻止整个 radio 组的默认行为（含回车触发）
单选按钮组不仅响应鼠标点击，还响应键盘操作：空格键、回车键都会触发选中。如果目标是彻底禁用交互，仅靠阻止 click 不够。
- 监听
keydown事件，对event.key === ' '或'Enter'调用event.preventDefault() - 同时设
tabindex="-1"移除键盘焦点能力，避免用户用 Tab 键导航到它 - 别忘了移除
name属性 —— 否则即使每个都checked=false，它们仍会互相取消，造成意外状态切换 - 如果只是临时禁用，建议统一用 JS 控制：遍历所有同名 radio，设
radio.disabled = true，比手动干预事件更干净
为什么 radio.click() 有时不触发 change 事件
调用 radio.click() 在某些 iOS 版本或启用了 pointer-events: none 的父容器下可能失效；而直接赋值 radio.checked = true 更底层、更可靠，且会自动触发 change 事件。
- 如果你在代码里写
radio.click()却没看到change回调执行，优先换成radio.checked = true - 赋值方式还会同步更新表单数据（如
FormData），而.click()只模拟用户点击，不一定走完整流程 - 注意：
radio.checked = false不会触发change事件 —— 浏览器只在“从 false 变 true”时派发它
type="radio"，改用带 ARIA 的自定义组件，或者接受它本就是可选中的，只在业务逻辑里忽略选中结果。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
