<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>用js获取总价
时间: 2024-02-25 15:55:53 浏览: 53
表格设置table-layout:fixed后对单元格宽度设置无效
你可以使用以下的 JavaScript 代码来获取总价:
```
let total = 0;
document.querySelectorAll('#futr td#jisuan').forEach(function(td) {
total += parseFloat(td.textContent);
});
console.log(total);
```
这段代码会遍历所有 id 为 `futr` 的 tbody 下的 id 为 `jisuan` 的 td 元素,将每个 td 中的文本内容解析为浮点数,并将其加到 `total` 变量中。最终,`total` 变量的值就是购物车中所有商品的总价。
阅读全文