使用style="pointer-events:none;" 还是可以勾选修改

使用 `style="pointer-events:none;"` 确实会让元素失去点击交互，这意味着用户无法直接勾选或取消勾选`<input type="checkbox">`。但是，这种方式只是阻止了视觉反馈，浏览器仍然会在用户触碰时改变勾选状态，并将其包含在表单提交的数据中。所以，尽管从视觉上看起来像是禁用了，实际上它的状态仍会发生变化。

如果你想在客户端层面阻止勾选状态的改变，可以配合一些JavaScript来实现。例如，可以在`click`事件发生时检查条件并阻止事件的默认行为，这样可以临时禁止用户直接操作。但请注意，这并不能阻止数据通过AJAX或表单提交到服务器。

<input type="checkbox" id="custom-checkbox" style="pointer-events:none;">
<script>
  const checkbox = document.getElementById('custom-checkbox');
  checkbox.addEventListener('click', (e) => {
    if (!shouldAllowChange()) {
      e.stopPropagation();
      e.preventDefault();
    }
  });
  
  function shouldAllowChange() {
    // 根据业务逻辑判断是否允许修改，这里仅作示例，通常需要结合实际需求实现
    return true;
  }
</script>