表单中单选关联其他表单数据后实现关联选项

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。JS 面板注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

本案例来自三方开发者「Peng」

1. 使用场景

宜搭中单选组件可以配置关联选项设置，但是如果选项类型为“关联其他表单数据”时，关联选项设置不可用，本例我们介绍一下如何通过代码的方式实现关联选项设置。

2. 实现功能

2.1 页面配置

2.2 将下述代码拷贝至页面 JS 中

export function onChange({ value }) {
  this.changeBehavior(value);
}

export function changeBehavior(value) {
  const valuesMap = new Map([
    ['A', ['textField_leqgx0tr', 'textField_leqgx0ts']],
    ['B', ['textField_leqgx0tt', 'textField_leqgx0tu']],
    ['C', ['textField_leqgx0tv']],
    ['D', ['textField_leqgx0tw']],
  ]);

  for (const i of valuesMap.values()) {
    i.forEach((fieldId) => { this.$(fieldId).setBehavior('HIDDEN') }, this);
  };
  
  if (valuesMap.has(value)) {
    valuesMap.get(value).forEach((fieldId) => { this.$(fieldId).setBehavior('NORMAL') }, this)
  };
}