如何在点击关联文案时选中一个 checkbox？分别用纯 CSS 和 JavaScript 实现。
考察说明
考察 HTML 标签关联机制、CSS 选择器与 JS 事件处理的掌握程度
回答思路
- 说明 CSS 方案：将 checkbox 和文案包裹在 label 中，点击 label 自动触发 input 点击
- 说明 JS 方案：监听文案的 click 事件，在其中调用 checkbox 的 click 或设置 checked 属性
- 对比两种方案的差异：CSS 方案无需 JS 且天然支持键盘/辅助功能；JS 方案更灵活但需注意事件处理细节（如 preventDefault）
- 能解释 label 的 for 属性与包裹方式的等价性
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。