Form reset回调触发时Radio Input选中值未即时重置问题咨询

这是HTML标准明确规定的设计，并非Bug #

reset事件的触发时机确实在表单实际执行重置操作之前，该设计的核心逻辑是为了支持事件的可取消特性。

标准中的表单重置执行顺序 #

HTML规范定义的表单重置流程固定为以下顺序：

• 收到重置请求（点击type="reset"的按钮、调用form.reset()方法）
• 触发reset事件，事件支持冒泡、支持通过event.preventDefault()取消
• 仅当reset事件未被取消时，浏览器才会执行下一步：将所有表单控件的值回滚到页面加载时的初始默认值

该设计的核心优势 #

• 支持重置前拦截校验：你可以在reset事件回调中实现二次确认、修改权限判断等逻辑，不符合条件时直接取消重置，不会出现表单值先被修改再回滚的异常视觉体验
• 可以直接获取重置前的原值：如果需要记录用户未提交的修改内容、做操作审计等场景，不需要额外缓存表单状态，直接在reset回调中读取当前控件值即可

如何在回调中获取重置后的取值 #

如果你的业务逻辑需要操作重置后的表单值，除了你用到的setTimeout(fn, 0)方案外，没有更符合标准的原生API可以替代——因为规范本身就没有提供重置完成后的事件。setTimeout(fn, 0)的本质是把逻辑放到当前同步任务队列清空后执行，此时浏览器已经完成了表单值的重置操作，拿到的就是预期的最新值。

内容的提问来源于stack exchange，提问作者Mike Vaux