Umbraco 7 Forms(v7.1.4)单选按钮条件功能失效求助

手动补全事件绑定 #

旧版本可能存在脚本加载顺序问题，导致单选/多选框没正确绑定条件评估的触发逻辑。可以在FormPicker.cshtml末尾添加自定义脚本，手动绑定change事件：

// 处理单选按钮
document.querySelectorAll('.umbraco-forms-radio input[type="radio"]').forEach(radio => {
  radio.addEventListener('change', function() {
    if (typeof UmbracoForms !== 'undefined' && UmbracoForms.Conditions) {
      UmbracoForms.Conditions.evaluateConditions(this.form);
    }
  });
});

// 处理多选按钮
document.querySelectorAll('.umbraco-forms-checkbox input[type="checkbox"]').forEach(checkbox => {
  checkbox.addEventListener('change', function() {
    if (typeof UmbracoForms !== 'undefined' && UmbracoForms.Conditions) {
      UmbracoForms.Conditions.evaluateConditions(this.form);
    }
  });
});

注意要确保这段代码在Umbraco Forms核心脚本（如umbracoForms.js）之后加载，避免UmbracoForms对象未定义。

检查字段配置细节 #

• 验证选项值：旧版本对值的兼容性差，尽量给单选/多选选项设置无空格、无特殊字符的纯文本值（比如用opt1代替选项一），避免空值或特殊字符导致条件匹配失败。
• 核对条件规则：确认条件里选择的字段和值完全匹配，旧版本可能区分大小写（比如条件写Yes，选项值不能是yes）。

修复DOM标识问题 #

检查单选/多选框的HTML结构，确保每个选项都带有data-field-id属性（指向对应表单字段ID）——旧版本偶尔会漏生成这个属性，导致条件逻辑无法识别字段。

另外可以在页面加载时强制触发一次条件评估，确保初始状态正确：

window.addEventListener('load', function() {
  const form = document.querySelector('.umbraco-forms-form');
  if (form && typeof UmbracoForms !== 'undefined' && UmbracoForms.Conditions) {
    UmbracoForms.Conditions.evaluateConditions(form);
  }
});

补丁核心评估逻辑 #

如果上述方法无效，可以重写部分核心函数，补全单选/多选的状态识别漏洞：

// 保存原有评估函数
const originalEvaluate = UmbracoForms.Conditions.evaluateConditions;
// 重写函数，强制同步单选/多选状态
UmbracoForms.Conditions.evaluateConditions = function(form) {
  originalEvaluate(form);
  // 标记单选/多选字段的更改状态
  const radioFields = form.querySelectorAll('.umbraco-forms-radio');
  const checkboxFields = form.querySelectorAll('.umbraco-forms-checkbox');
  [].concat(...radioFields, ...checkboxFields).forEach(field => {
    field.querySelectorAll('input').forEach(input => {
      input.setAttribute('data-changed', input.checked ? 'true' : 'false');
    });
  });
};

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