表单中多选题计算得分

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

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

1. 使用场景

本例介绍一下在宜搭表单页面中如何设置多选题并计算得分。

2. 实现功能

2.1 创建表单页面

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

注意修改下述唯一标识。

export function onChange({ value }) {
  this.$('textField_lc4fn21s').setValue(value.join(''));
  this.$('numberField_kp2182ec').setValue(this.getScore(value, 'ABC', 4));
  this.$('numberField_lc4fn21r').setValue(this.getSum(['numberField_kp2182ec', 'numberField_kvgfjpm0']));
}

export function onChange2({ value }) {
  this.$('textField_lc4fn21t').setValue(value.join(''));
  this.$('numberField_kvgfjpm0').setValue(this.getScore(value, 'AB', 4));
  this.$('numberField_lc4fn21r').setValue(this.getSum(['numberField_kp2182ec', 'numberField_kvgfjpm0']));
}

// answer：当前选择的答案，rightAnswer：正确的答案，total：题目总分
export function getScore(answer = [], rightAnswer = '', total = 0) {
  const a = answer.filter((item) => {
    return rightAnswer.indexOf(item) !== -1;
  });
  if (a.length < answer.length) {
    return 0;
  } else if (a.length === answer.length) {
    if (a.length === rightAnswer.length) {
      return total;
    } else if (a.length < rightAnswer.length) {
      return a.length
    }
  };
}

export function getSum(fieldIdList = []) {
  return fieldIdList.reduce((prev, cur) => {
    return prev + (this.$(cur).getValue() || 0);
  }, 0);
}