input type checkbox 设置成不可修改，使用readonly无法禁止，使用disabled保存数据无法提交到后台，怎么实现这个

在HTML中，`<input type="checkbox">` 的默认行为通常是可交互的，用户可以勾选或取消勾选。如果你想限制用户的操作，使其看起来像是不可修改，但实际上还是能够保存数据，你可以采取以下策略：

1. 使用CSS样式：虽然HTML属性`readonly`确实不能阻止勾选，但你可以通过CSS设置`pointer-events: none;` 来隐藏点击事件，使鼠标指针无法点击，达到视觉上的禁用效果。例如：

   <input type="checkbox" style="pointer-events:none;" />

2. 隐藏输入框：如果不想让用户看到复选框，可以用`display: none;` 将其隐藏，同时保留其功能。这样用户看不到，但可以通过JavaScript控制。

然而，无论上述哪种方法，由于浏览器会将用户的选择发送到服务器，你无法完全阻止数据提交。如果你真的想防止数据提交，应该在服务器端验证。对于提交，你可以设置一个`onclick` 或 `onsubmit` 事件处理程序，在该事件中检查是否允许勾选状态改变，如果不是，阻止表单提交。

document.getElementById('yourCheckbox').addEventListener('click', function(e) {
  if (!allowEdit()) {
    e.preventDefault();
  }
});

function allowEdit() {
  // 根据业务逻辑判断是否允许修改
  return true; // 默认允许
}