要让复选框（checkbox）后面的文字也能点击选中

使用<label>标签包裹

这是最标准、最推荐的方法。将<input type="checkbox">和文字一起放在<label>标签内，或通过for属性关联。

示例代码：

<!-- 方式1：直接包裹 -->
<label>
  <input type="checkbox"> 点击文字也能选中
</label>

<!-- 方式2：通过 for 属性关联（需匹配 id） -->
<input type="checkbox" id="checkbox1">
<label for="checkbox1">点击文字也能选中</label>

优点‌：语义化好，无需额外 CSS/JS，兼容所有浏览器。