Google Apps Script中JS提交函数处理HTML表单复选框的问题

问题根源 #

报错formObject.prodCondition.push is not a function的核心原因：

• 直接操作Google Apps Script自动转换的formObject对象，该对象的属性类型不可控（比如复选框仅选中一项时，prodCondition会是字符串而非数组）
• formObject并非普通可修改JS对象，无法直接调用数组方法

正确修改方案 #

不要直接修改原表单对象，手动收集并处理复选框值后，再构建新的提交数据：

方案1：遍历表单元素处理

function handleFormSubmit(formElement) {
  $('#spinnerModal').modal('show');
  
  // 初始化处理后的表单数据对象
  const processedFormData = {};
  const formElements = formElement.elements;

  // 遍历所有表单元素
  for (let i = 0; i < formElements.length; i++) {
    const elem = formElements[i];
    const fieldName = elem.name;
    if (!fieldName) continue;

    // 处理复选框组
    if (elem.type === 'checkbox') {
      if (!processedFormData[fieldName]) {
        processedFormData[fieldName] = [];
      }
      if (elem.checked) {
        processedFormData[fieldName].push(elem.value);
      }
    } else {
      // 处理输入框、单选框、下拉框等其他元素
      processedFormData[fieldName] = elem.value;
    }
  }

  // 将复选框数组转为逗号分隔字符串
  if (processedFormData.prodCondition) {
    processedFormData.prodCondition = processedFormData.prodCondition.join(', ');
  }

  // 提交处理后的数据
  google.script.run.withSuccessHandler(createTable).processForm(processedFormData);
  document.getElementById("ProductDetails").reset();
}

方案2：使用FormData API简化收集

function handleFormSubmit(formElement) {
  $('#spinnerModal').modal('show');
  
  const formData = new FormData(formElement);
  const processedFormData = {};

  // 单独收集复选框组值并转为逗号分隔字符串
  const prodConditions = formData.getAll('prodCondition');
  processedFormData.prodCondition = prodConditions.join(', ');

  // 处理其他表单字段
  for (const [key, value] of formData.entries()) {
    if (key !== 'prodCondition') {
      processedFormData[key] = value;
    }
  }

  // 提交数据
  google.script.run.withSuccessHandler(createTable).processForm(processedFormData);
  document.getElementById("ProductDetails").reset();
}

说明 #

• 两种方案都会将多选的prodCondition值以"New, Used"的格式存入提交数据
• Google Apps Script端的processForm函数无需额外修改，直接将该字符串写入对应单元格即可

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