Javascript 根据电子表格单元格值自动选中htmlform的复选框

Javascript 根据电子表格单元格值自动选中htmlform的复选框,javascript,html,google-apps-script,google-sheets,Javascript,Html,Google Apps Script,Google Sheets,我有一个代码,当在电子表格单元格“B2”中找到某个值时,它会自动选中HTML表单上的复选框。现在我想更改代码,以便它从一个范围(例如B2:B8)中提取值并检查多个复选框,我将如何做到这一点?请参考我的电子表格的链接。根据要求,我只做了复选框的工作。范围b2:b8大于要求,因此此代码将接受该范围内任何单元格中1到4之间的值。该代码已安装在共享电子表格中 代码.gs function onOpen() { var html = HtmlService.createHtmlOutputFromFi

我有一个代码,当在电子表格单元格“B2”中找到某个值时,它会自动选中HTML表单上的复选框。现在我想更改代码,以便它从一个范围(例如B2:B8)中提取值并检查多个复选框,我将如何做到这一点?请参考我的电子表格的链接。

根据要求,我只做了复选框的工作。范围b2:b8大于要求,因此此代码将接受该范围内任何单元格中1到4之间的值。该代码已安装在共享电子表格中

代码.gs

function onOpen() {
  var html = HtmlService.createHtmlOutputFromFile('Index').setSandboxMode(HtmlService.SandboxMode.IFRAME);
  SpreadsheetApp.getUi().showModalDialog(html, 'Add Item');
}

function itemAdd(form) {
    var ss = SpreadsheetApp.getActiveSpreadsheet();
    var sheet = ss.getSheetByName("Sheet1");
    var lastRow = sheet.getLastRow();
    var match1 = sheet.getRange("B2").getValue();

    var dataRange = sheet.getRange(1, 1,lastRow).getValues();
    for(var i=0;i<dataRange.length;i++){
        if(dataRange[i][0] == match1){

       if(form["name1"] === "1")
       {
        var delta = "1"
       sheet.getRange(i+1, 2).setValue(delta)
       }     


        }
    }

Logger.log(form);

}

function getValues(){
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sheet = ss.getSheetByName("Sheet1");
  var vA=sheet.getRange('B2:B8').getValues();
  return vA;
}
函数onOpen(){ var html=HtmlService.createhtmloutpfromfile('Index').setSandboxMode(HtmlService.SandboxMode.IFRAME); SpreadsheetApp.getUi().showModalDialog(html,“添加项”); } 函数项添加(表单){ var ss=SpreadsheetApp.getActiveSpreadsheet(); var sheet=ss.getSheetByName(“Sheet1”); var lastRow=sheet.getLastRow(); var match1=sheet.getRange(“B2”).getValue(); var dataRange=sheet.getRange(1,1,lastRow).getValues();
对于(var i=0;iOh),我更改了图纸名称。
<!DOCTYPE html>
<html>
<head>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<h1>Add Row To Spreadsheet</h1><br />
<form id='myForm'>
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
    <tr>
      <td></td>
      <td><input type="checkbox" name="name1" id="name1" value="1"/>Product Landing pages</td>
      <td><input type="checkbox" name="name2" id="name2"/>Missing Attributes</td>
      <td><input type="checkbox" name="name3" id="name3"/>Duplicate Titles</td>
      <td><input type="checkbox" name="name4" id="name4"/>Merchant Promotions</td>
    </tr>
 </tbody>
</table>
    <br><br>
      <input type="button" value="Submit" onclick="google.script.run
              .withSuccessHandler(google.script.host.close)
              .itemAdd(this.parentNode)" />
</form>

<script>
$(function() {
        google.script.run.withSuccessHandler(checkDefault).getValues();
      });
  function checkDefault(val)
  {
    for(i=0;i<val.length;i++)
    {
      if(val[i]==1  || val[i]==2 || val[i]==3 || val[i]==4)
      {
        var checkBoxName = "name"+val[i];
        document.getElementById(checkBoxName).checked = true;
      }
    }

  }
  console.log('My Code');

</script>
</body>
</html>