web复选框计算商品价格并计算

通过复选框选取商品，并提取之中的价格来计算总价格，实在是不会选取复选框中的值

你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/207122
你也可以参考下这篇文章：WEB前端屏蔽移动端浏览器页面顶部提示此网页由网站提供
除此之外, 这篇博客: 【Web技术】网站留言系统开发，及留言信息实时发送至指定邮箱中的 控制语句 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
JavaScript中的控制语句有：分支语句（if、switch），循环语句（while 、do-while、for），这些语句的语法规则和使用与Java语言中的要求一样。
您还可以看一下 CSDN讲师老师的WEB安全编程实战课：重整开发者的安全意识与技术！课程中的重整开发者的安全意识与技术！-2小节, 巩固相关知识点
以下回答由chatgpt基于相关博客总结生成:
我可以回答问题一：
针对“怎样通过网页中的复选框选取商品，并提取该商品中的价格来计算总价格？”，可以通过以下步骤实现：
1. 在HTML代码中，为每个商品的复选框设置value属性为该商品的价格。
2. 使用JavaScript获取当前选中的复选框，并计算总价。
以下是具体的代码实现：
HTML代码：
```
<div class="item">
  <input type="checkbox" name="item1" value="100">
  <span>商品1 - 100元</span>
</div>
<div class="item">
  <input type="checkbox" name="item2" value="200">
  <span>商品2 - 200元</span>
</div>
<div class="item">
  <input type="checkbox" name="item3" value="300">
  <span>商品3 - 300元</span>
</div>

<div>
  <button onclick="calculate()">计算总价</button>
  <span id="totalPrice">总价：0元</span>
</div>
```
JavaScript代码：
```
function calculate() {
  var items = document.getElementsByName('item');
  var totalPrice = 0;
  for (var i = 0; i < items.length; i++) {
    if (items[i].checked) {
      var price = parseFloat(items[i].value);
      totalPrice += price;
    }
  }

  document.getElementById('totalPrice').innerHTML = '总价：' + totalPrice + '元';
}
```
在这个例子中，我们首先为每个商品的复选框设置了value属性为商品的价格，然后在计算总价的函数中，使用getElementsByName方法获取所有名为“item”的复选框，并遍历每个复选框来计算总价。如果某个复选框被选中，就将它的价格加到总价中。
最后，我们将计算出的总价显示在页面上。
如果你想要在用户选中商品时动态计算总价，可以为每个复选框设置一个点击事件，然后在事件中调用calculate函数即可。