复选框本身不支持 focus()，应聚焦其语义关联的 label 元素；隐藏原生 input 时需用 clip 而非 display: none；自定义控件须加 tabindex="0"、role="checkbox" 和 aria-checked；ios safari 中 focus() 需在用户手势上下文中调用。
复选框本身不支持 focus()，但可以触发关联的 <label></label>
原生 <input type="checkbox"> 在大多数浏览器中无法直接获得焦点（调用 focus() 无效），尤其当它被隐藏（如用 display: none 或 opacity: 0）后。真正能聚焦的是其语义关联的 <label></label> 元素——只要它正确绑定（通过 for 属性或包裹关系）。
常见错误现象：document.getElementById('my-checkbox').focus() 执行后无反应、键盘 Tab 无法停驻、辅助技术读不出焦点状态。
- 确保
<label for="xxx"></label>的for值与<input id="xxx">完全一致（大小写、空格、连字符都需匹配） - 更推荐用包裹方式：
<label><input type="checkbox" name="x">选项文本</label>，此时点击 label 或按空格/回车都能切换状态，且 label 天然可聚焦 - 若必须隐藏原生控件，请给
<input>加position: absolute; clip: rect(0 0 0 0);而非display: none或visibility: hidden，否则会破坏可访问性链路
用 JavaScript 主动聚焦时，应聚焦 <label></label> 而非 <input>
如果你在表单校验失败后想把焦点引导到某个复选框，不要对 input 调用 focus()，而是对它的 label 调用——前提是 label 存在且可聚焦（默认可聚焦，除非加了 tabindex="-1"）。
示例：
const checkbox = document.getElementById('agree');
const label = checkbox.closest('label') || document.querySelector(`label[for="${checkbox.id}"]`);
if (label) label.focus();
- 优先用
closest('label')：适用于 input 被 label 包裹的结构，更健壮 - 回退用
querySelector查找for属性：适用于显式绑定场景，注意 ID 中若有特殊字符（如点号、括号）需转义 - 聚焦后建议加
label.style.outline = '2px solid #007bff';（临时调试用），确认视觉反馈是否生效
自定义样式下，tabindex 和 role 缺一不可
纯 CSS 自定义复选框（比如用伪元素画勾选图标）时，仅靠隐藏原生 input + 样式美化是不够的。用户用键盘操作时，需要明确告诉浏览器“这个容器是可交互的控件”，否则 Tab 键会跳过它。
- 给自定义容器（如
<div class="custom-checkbox">）加上 <code>tabindex="0"，使其进入标准 Tab 顺序 - 同时加
role="checkbox"和aria-checked="false"（初始值），并用 JS 同步更新aria-checked值 - 监听
keydown事件，响应Space键切换状态（这是 checkbox 的标准键盘行为），不能只依赖 click - 别忘了用
aria-labelledby或aria-label提供可访问文本，否则屏幕阅读器不知道这是什么 - 解决办法：把聚焦逻辑移到用户明确触发的动作里，比如按钮点击后立即聚焦，而不是等异步完成
- 或者改用
scrollIntoView({ block: 'center' })滚动到目标区域，再提示用户手动操作 - 测试时务必真机验证——模拟器和桌面 Chrome 的行为不具代表性
移动端 Safari 对 focus() 的限制特别严格
iOS Safari 默认禁止 JavaScript 主动聚焦表单控件（包括 label），除非该调用发生在用户手势上下文（如 click、touchend 回调内）。这意味着在异步校验（如 API 返回后）再调用 focus() 会静默失败。
最常被忽略的一点：即使 label 可聚焦，若页面存在 overflow: hidden 或 transform 层级遮挡，焦点 outline 也可能被裁剪或不可见。检查 computed styles 里的 outline-offset 和父容器的裁剪边界。
