如何在FormAssembly中使多复选框字段(tfa_11)固定勾选且可提交？

针对你的需求，要在不重新映射现有逻辑、连接器的前提下，让tfa_11字段始终保持选中状态且用户无法修改，可通过以下步骤实现：

核心思路 #

不能用disabled（会导致字段不提交），而是通过默认勾选+视觉隐藏+JS强制锁定状态的组合方式，既保证用户无法操作，又能让字段值正常提交，完全复用现有字段的所有依赖逻辑。

步骤1：后台设置默认选中（优先操作） #

在FormAssembly的字段编辑界面，将tfa_11的默认值设置为「选中」。这是基础保障，即使前端JS加载延迟，字段初始状态也是正确的。

步骤2：CSS隐藏字段（阻止用户直接操作） #

添加以下CSS代码，隐藏复选框（及对应标签，可选），让用户看不到也点不到：

/* 仅隐藏复选框 */
#tfa_11 {
  display: none !important;
}

/* 若需要连标签一起隐藏 */
label[for="tfa_11"], #tfa_11 {
  display: none !important;
}

步骤3：JS强制锁定选中状态（防止非常规修改） #

添加以下JS代码，确保字段始终保持选中，即使用户通过浏览器控制台尝试修改：

document.addEventListener('DOMContentLoaded', function() {
  const checkbox = document.getElementById('tfa_11');
  
  // 页面加载完成后强制设为选中
  checkbox.checked = true;
  
  // 阻止点击事件改变状态
  checkbox.addEventListener('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    this.checked = true;
  });
  
  // 监听状态变化，一旦改变立即改回选中
  checkbox.addEventListener('change', function() {
    this.checked = true;
  });
  
  // 表单提交前再次确认状态，确保万无一失
  const form = document.querySelector('form');
  if (form) {
    form.addEventListener('submit', function() {
      checkbox.checked = true;
    });
  }
});

方案优势 #

• 完全复用现有tfa_11字段，无需创建虚拟字段，所有依赖的条件区域、公式、连接器无需重新映射
• 字段未被禁用，提交时会正常携带选中值，不影响后端逻辑
• 多重保障：后台默认选中+视觉隐藏+JS锁定，覆盖常规和非常规修改场景

内容的提问来源于stack exchange，提问作者poorpractice