label点击必触发checkbox勾选，因其原生语义是扩展表单控件点击区域；若需文字仅作说明或执行独立逻辑，应改用span等非语义元素并解耦交互。
直接给 label 包住 input[type="checkbox"]，就一定会触发勾选——这是浏览器原生行为，layui 无法、也不该阻止。所谓“label 点击不触发勾选”，本质是误用了 label，或混淆了语义与交互意图。
为什么 label 点击必然触发 checkbox？
label 的设计目的就是关联表单控件并扩展点击区域。只要 for 属性匹配 input 的 id，或 input 是 label 的子元素，点击 label 就等价于点击该 input。这不是 Layui 的 bug，是 HTML 规范。
- 你写的
<label for="agree">同意协议</label><input id="agree" type="checkbox">→ 点击文字必触发勾选 - 你写的
<label><input type="checkbox">同意协议</label>→ 同样必触发 - 试图用
pointer-events: none或event.preventDefault()拦截，会破坏表单可访问性，且 Layui 内部状态（如.layui-form-checkbox样式、form.on('checkbox')回调）将不同步
真正想实现的其实是「文字可点但不控制 checkbox」
这时候不该用 label，而应改用普通容器元素：
- 把文字换成
<span class="checkbox-desc">我已阅读并同意《用户协议》</span> -
input[type="checkbox"]单独存在，不被任何label关联 - 如果需要视觉对齐，用 CSS 控制间距和 vertical-align，不要依赖
label布局 - 若需“点击文字执行其他逻辑”，直接给
span绑click事件，和 checkbox 完全解耦
警惕那些看似“禁用 label”的 hack 方案
网上有些方案建议给 label 加 onclick="return false" 或监听 click 后 e.stopPropagation()，这些在 Layui 下尤其危险：
- Layui 的
form.render()会重写 DOM，你的内联事件或 JS 绑定大概率丢失 - 手动阻止后，
input的checked状态可能更新，但.layui-form-checkbox图标不刷新 -
form.on('checkbox(filter)')回调不会触发，导致后续业务逻辑断链 - 屏幕阅读器无法正确识别控件关系，违反 WCAG 可访问性要求
真正要做的，是分清语义：需要用户操作 checkbox，就用 label；需要文字仅作说明或触发独立动作，就别用 label —— 这不是限制，而是让每个标签各司其职。Layui 的渲染逻辑建立在标准 HTML 语义之上，绕开它只会让问题更隐蔽、更难调试。
