Javascript 需要从列表、求和值和显示系统（PDF或网页）中选择满足其需要的选项

我们想创建一个页面，您可以从一个表中选择电器，您可以用太阳能抵消，我们提供了一个系统，以满足他们的需要。这应该很简单，但我找不到最好的方法来有效地做每件事

他们选择他们想要用太阳能替代的，我们只捕获他们选择的项目的瓦特并求和。然后使用if-else语句显示产生所需能量的系统

总和在屏幕上运行，但不被if-else语句访问，如果您选择全部4个设备，则数学将数字舍入为一个重复的数字。 如果你能帮我指出正确的方向，我敢肯定我的论点分组在错误的标题下

下一步是如何调用PDF或网页，说明正确的太阳系（2、3、4…模块系统）

功能更新（表格）{
var合计=0；
var-el；
对于（var i=0，iLen=form.elements.length；i如果表单控件位于表单中，则最容易访问表单控件。此外，该值应该是复选框的value属性，以便于将其相加。然后，您只需要一个简单的函数来循环检查复选框并获取总数，例如：

<script>

function update(form) {
  var total = 0;
  var el;

  for (var i=0, iLen=form.elements.length; i<iLen; i++) {
    el = form.elements[i];
    if (el.type == 'checkbox') {
      total += el.checked? +el.value : 0;
    }
  }
  form.total.value = total;
}

</script>

<form onclick="update(this);">
<table width="200" border="1">
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Watts</th>
    <th scope="col">Offset?</th>
  </tr>
  <tr>
    <th scope="row">clock</th>
    <td>2</td>
    <td><input name="Clock" type="checkbox" value="2"></td>
  </tr>
  <tr>
<th scope="row">Radio</th>
<td>9</td>
<td><input name="Radio" type="checkbox" value="9"></td>
  </tr>
  <tr>
    <th scope="row">Fan</th>
    <td>8</td>
    <td><input name="Fan" type="checkbox" value="8"></td>
  </tr>
  <tr>
    <th scope="row">lights</th>
    <td>44</td>
    <td><input name="Lights" type="checkbox" value="44"></td>
  </tr>
  <tr>
    <th scope="row">Total</th>
    <td colspan="2"><input type="text" name="total" readonly></td>
  </tr>
</table>
</form>


功能更新（表格）{
var合计=0；
var-el；
对于（var i=0，iLen=form.elements.length；Itis工作得很好，（我是一个新手）如何读取总计，这样我的if-else语句就有了一个可以运行的值？我感谢您的知识并感谢您的帮助。您可以通过表单访问总计（给表单一个ID，使用
document.getElementById（'formId'））
访问表单，然后使用
form.total.value
获取值。但您也可以将值存储在一个变量中，该变量可由运行if..else的函数访问。显示代码。：-）我编辑了原始内容以包含更改，但仍然缺少与if-else的连接
<script>

function update(form) {
  var total = 0;
  var el;

  for (var i=0, iLen=form.elements.length; i<iLen; i++) {
    el = form.elements[i];
    if (el.type == 'checkbox') {
      total += el.checked? +el.value : 0;
    }
  }
  form.total.value = total;
}

</script>

<form onclick="update(this);">
<table width="200" border="1">
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Watts</th>
    <th scope="col">Offset?</th>
  </tr>
  <tr>
    <th scope="row">clock</th>
    <td>2</td>
    <td><input name="Clock" type="checkbox" value="2"></td>
  </tr>
  <tr>
<th scope="row">Radio</th>
<td>9</td>
<td><input name="Radio" type="checkbox" value="9"></td>
  </tr>
  <tr>
    <th scope="row">Fan</th>
    <td>8</td>
    <td><input name="Fan" type="checkbox" value="8"></td>
  </tr>
  <tr>
    <th scope="row">lights</th>
    <td>44</td>
    <td><input name="Lights" type="checkbox" value="44"></td>
  </tr>
  <tr>
    <th scope="row">Total</th>
    <td colspan="2"><input type="text" name="total" readonly></td>
  </tr>
</table>
</form>