JavaScript 表格多选值相加 - 代码示例

要将表格中多选的值相加，可以通过以下步骤实现：

1. 首先，使用 JavaScript 获取到相应的表格元素，可以使用document.getElementById()或其他选择器方法。
2. 对于表格的多选项，可以使用<input type='checkbox'>元素来实现。通过获取所有选中的多选框元素，可以使用document.querySelectorAll()方法并使用相应的选择器（例如input[type='checkbox']:checked）。
3. 使用forEach循环遍历所有选中的多选框元素，并获取每个选中的值。
4. 将每个选中的值转换为数字，并将其累加到一个变量中。
5. 最后，将累加的结果显示在页面上或进行其他操作。

以下是一个示例代码：

HTML:

<table id='myTable'>
  <tr>
    <td><input type='checkbox' name='option' value='1'> 1</td>
    <td><input type='checkbox' name='option' value='2'> 2</td>
    <td><input type='checkbox' name='option' value='3'> 3</td>
  </tr>
</table>

<button onclick='calculateSum()'>计算总和</button>

<p id='result'></p>

JavaScript:

function calculateSum() {
  var table = document.getElementById('myTable');
  var checkboxes = table.querySelectorAll('input[type="checkbox"]:checked');
  var sum = 0;

  checkboxes.forEach(function(checkbox) {
    var value = parseInt(checkbox.value);
    sum += value;
  });

  document.getElementById('result').textContent = '总和：' + sum;
}

在上述示例中，当用户点击"计算总和"按钮时，将调用calculateSum()函数。该函数首先获取表格元素，然后获取所有选中的多选框元素。接下来，使用forEach循环遍历每个选中的多选框元素，并将其值转换为数字并累加到sum变量中。最后，将累加的结果显示在具有id='result'的段落元素中。