通过阻止默认点击行为而非禁用复选框，可使其视觉上不可更改、逻辑上保持 checked 状态，并确保表单提交时正常携带 true 值。
通过阻止默认点击行为而非禁用复选框，可使其视觉上不可更改、逻辑上保持 `checked` 状态，并确保表单提交时正常携带 `true` 值。
在 FormAssembly 等表单平台中，当一个复选框（如 tfa_11）需“强制为 true 且不可修改”时，直接使用 disabled = true 是常见误区——它虽能防止用户操作，但会导致该字段完全不参与表单提交（浏览器标准行为），进而导致后续条件逻辑、连接器和后端处理全部失效。
✅ 正确解法是：保持字段启用（enabled）、预设 checked 状态，并拦截点击事件以阻止状态切换。这样既维持了 DOM 的原始结构与字段 ID 的完整性，又确保所有依赖 tfa_11 的条件显示、公式计算、第三方集成（如 Zapier、Salesforce connector）和服务器端解析均无需任何调整。
实现代码（推荐写法）
document.addEventListener('DOMContentLoaded', function() {
const checkbox = document.getElementById('tfa_11');
if (checkbox) {
// 强制设为已勾选（兼容初始未 checked 的情况）
checkbox.checked = true;
// 阻止所有点击行为，包括空格键、回车键触发的 toggle（增强健壮性）
checkbox.addEventListener('click', e => e.preventDefault());
// 可选：移除键盘交互影响（提升无障碍体验一致性）
checkbox.setAttribute('tabindex', '-1');
}
});
关键说明：
- ✅ 提交有效：
<input type="checkbox" id="tfa_11" checked>在提交时会以tfa_11=on（或tfa_11=1，取决于平台配置）形式发送，FormAssembly 默认识别为true。 - ✅ 逻辑零改造：所有基于
tfa_11的条件显示规则、计算字段、API 连接器继续按原逻辑运行。 - ⚠️ 注意事项：
- 不要遗漏
checkbox.checked = true—— 若原始 HTML 未设checked，仅阻止点击会导致初始值为false； - 避免同时设置
disabled和preventDefault()，二者语义冲突且disabled会覆盖事件监听； - 如需视觉提示（如灰化样式），可通过 CSS 添加
#tfa_11 { opacity: 0.7; cursor: not-allowed; }，但切勿用pointer-events: none（会阻止事件监听生效）。
- 不要遗漏
此方案轻量、可靠，完美契合“最小侵入式改造”需求，在不触发表单结构重构的前提下，一劳永逸解决只读复选框的数据保真问题。
