Question

我研究了StackOverflow，但找不到我的问题的答案。我的网页包含复选框元素

 <div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="green">Green
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="red">Red
  </label>
</div>
<div class="form-check">
  <label class="form-check-label">
    <input type="checkbox" class="form-check-input" name="color" value="blue">Blue
  </label>
</div>

我调用jQuery ajax将数据发布到Google表格中

var $form = $('form#frm'),
url = '<google script macros url>'

$('#submit').on('click', function(e) {
  e.preventDefault();
  var jqxhr = $.ajax({
    url: url,
    method: "POST",
    dataType: "json",
    data: $form.serialize(),
    success: function() {
      alert("Form Completed");
    }
  })
})

如果我选中所有复选框，那么只有第一个值“绿色”会保存到Google工作表中吗？我不知道serialize（）如何准备数据并将其发布到Google工作表，如何发布所有已检查的值？我想以绿色，红色，蓝色格式发布所有选中的值。

感谢Tanaike的评论，我在此附上应用脚本

var SHEET_NAME = "Sheet4";

var SCRIPT_PROP = PropertiesService.getScriptProperties(); 

function doPost(e) {
  var lock = LockService.getPublicLock();
  lock.waitLock(30000);

  try {
    var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
    var sheet = doc.getSheetByName(SHEET_NAME);

    var headRow = e.parameter.header_row || 1;
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
    var nextRow = sheet.getLastRow()+1; 
    var row = []; 
    for (i in headers){
      if (headers[i] == "Timestamp"){ 
        row.push(new Date());
      } else { 
        row.push(e.parameter[headers[i]]);
      }
    }
    return ContentService
          .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(e){
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  } finally { 
    lock.releaseLock();
  }
}
function setup() {
    var doc = SpreadsheetApp.getActiveSpreadsheet();
    SCRIPT_PROP.setProperty("key", doc.getId());
}

Answer 1

在尝试和错误后，我解决了我的问题，这是我重写的代码

var SCRIPT_PROP = PropertiesService.getScriptProperties(); 

function doPost(e) {
  var lock = LockService.getPublicLock();
  lock.waitLock(30000);

  try {
    var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
    var sheet = doc.getSheetByName(SHEET_NAME);

    var headRow = e.parameter.header_row || 1;
    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
    var nextRow = sheet.getLastRow()+1; 
    var row = []; 
    for (i in headers){
      if (headers[i] == "Timestamp"){ 
        row.push(new Date());
      } else { 
    switch(headers[i]) {
        case "color":         // color is the field in checkbox type 

        // check the field has been answer or not, 
        if(e.parameters[headers[i]] === undefined) {    
          row.push('');
        } else {
          row.push(e.parameters[headers[i]].toString());  // convert the array into string 
        }
          break;
      default:
        if(e.parameter[headers[i]] === undefined) {
          row.push('');
        } else {
          row.push(e.parameter[headers[i]]); 
        }
    }

        row.push(e.parameter[headers[i]]);
      }
    }
    return ContentService
          .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
          .setMimeType(ContentService.MimeType.JSON);
  } catch(e){
    return ContentService
          .createTextOutput(JSON.stringify({"result":"error", "error": e}))
          .setMimeType(ContentService.MimeType.JSON);
  } finally { 
    lock.releaseLock();
  }
}
function setup() {
    var doc = SpreadsheetApp.getActiveSpreadsheet();
    SCRIPT_PROP.setProperty("key", doc.getId());
}

如果输入类型是表单中的复选框，则答案将采用数组格式，函数.toString（）方法将返回一个字符串，其中包含所有数组值，并用逗号分隔。

row.push(e.parameters[headers[i]].toString());

我找不到更好的函数来检查参数是文本类型还是复选框类型，因此我使用愚蠢的方法通过使用switch（）函数对其进行硬编码。如果有人知道如何检查，请提出函数调用建议。

如何将所有选中的值从HTML页面保存到Google工作表

1 个答案: