<div style="text-align: center;"> <table class="table table-hover tar" style="margin: 0 auto;"> <thead> <tr> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>总价</th> <th>操作</th> </tr> </thead> <tbody id="futr"> <tr th:each="item :${utilShoppingCarts} "> <td><img th:src=" ${item.c_imgSrc} " src="img/t_recommen/cup.jpg" width="220" height="170"><br th:text=" ${item.c_name}">健身水杯</td> <td th:text="${item.c_price}">100</td> <td><input th:value="${item.s_number}" type="number" value="1" min="1"></td> <td id="jisuan" th:text=" ${item.c_price} * ${item.s_number} ">100</td> <td> <a href="" th:href="@{ ${#request.contextPath}+'deleteSC?sid=' +${item.s_id} }"> <button class="btn btn-danger">删除</button> </a> </td> </tr> </tbody> <tfoot> <tr> <td colspan="3">总价：</td> <td id="zongjia">600</td> </tr> </tfoot> </table> </div>利用js获取总价

你可以使用以下的 JavaScript 代码来获取总价：

let total = 0;
document.querySelectorAll('#futr td#jisuan').forEach(function(td) {
  total += parseFloat(td.textContent);
});
document.querySelector('#zongjia').textContent = total.toFixed(2);

这段代码会遍历所有 id 为 `futr` 的 tbody 下的 id 为 `jisuan` 的 td 元素，将每个 td 中的文本内容解析为浮点数，并将其加到 `total` 变量中。最终，`total` 变量的值就是购物车中所有商品的总价。然后，这段代码会将总价更新到 id 为 `zongjia` 的 td 元素的文本内容中。`toFixed(2)` 方法会将总价保留两位小数。