修订后的标题：根据复选框选择计算总计

以下是一个使用 JavaScript 实现根据复选框选择计算总计的示例：

HTML 代码：

<form>
  <input type="checkbox" name="item1" value="10"> 项目 1<br>
  <input type="checkbox" name="item2" value="20"> 项目 2<br>
  <input type="checkbox" name="item3" value="30"> 项目 3<br>
  <input type="checkbox" name="item4" value="40"> 项目 4<br>
  <input type="button" value="计算总计" onclick="calculateTotal()">
</form>
<p>总计：<span id="total">0</span></p>

JavaScript 代码：

function calculateTotal() {
  var total = 0;
  var checkboxes = document.getElementsByName("item");
  for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
      total += parseInt(checkboxes[i].value);
    }
  }
  document.getElementById("total").innerHTML = total;
}

在上述示例中，我们使用 getElementsByName 方法获取所有名为 "item" 的复选框。然后，我们遍历这些复选框，并检查每个复选框是否被选中。如果是，我们将其值转换为整数并累加到 total 变量中。最后，我们将 total 的值显示在页面上的 "total" 元素中。

当用户点击 "计算总计" 按钮时，calculateTotal 函数将被调用，计算并显示总计。