我有一个Google脚本,该脚本可以创建一个HTML页面,其中包含可变数量的文本框,并用值预先填充这些文本框。我需要一个最终的文本框,以显示上述文本框中的值之和。如果用户更改了文本框中的任何值,那么我需要总和才能自动更新。
类似于此问题Auto update text box depending on an input box,但输入框的数量未知。
这是生成输入框的代码,它们基于“ Brew_Hops_Weight”范围,该范围可能会有所不同。
<fieldset>
<legend>Hops</legend>
<? var data = getRange4("Brew_Hops").getValues(); ?>
<? var hopWeights = getRange4("Brew_Hops_Weight").getValues(); ?>
<table>
<tr> <th>Hops</th> <th>Current Weight </th> <th>Proposed Weight</th> </tr>
<? for (var i = 0; i < data.length; i++) { ?>
<tr >
<? for (var j = 0; j < data[i].length; j++) { ?>
<td> <input name="selector[]" class="ads_Checkbox" type="checkbox"checked /> <?= data[i][j] ?> </td>
<td> <?= Math.round(hopWeights[i][j]*100)/100 ?> </td>
<td> <input type="text" size="8" name="IBUs" value=<?= Math.round(hopWeights[i][j]*100)/100 ?> /> <td>
<? } ?>
</tr>
<? } ?>
<tr>
<td><strong>IBU</strong></td>
<td><strong><?= Math.round(getRange4("Brew_IBU").getValue()) ?></strong></td>
<td> <input type="text" size="8" name="IBUs" value="xx" </td>
</tr>
</table>
</fieldset>