jQuery实现购物车总价计算和总价传输功能

渲染：

代码实现：

1.多箱码：

2.结算价代码：

3.jQuery实现价格计算代码：(点击多选框时，下面的总金额会发生变化)

#-计算总价S-Script $(函数(){//计算页面加载时的总showTotal()；$ ('.box x’)。on ('click ')，function(){//选择多个框并重新计算showTotal()；});});//计算total函数showTotal(){ var total=0；var数=0；//1.获取所有选中的复选框！循环遍历$('。box x’)。每个(函数(){var被选中=$ (this)。道具('选中')；//如果选中了多框，如果(isChecked==true) {//2。获取复选框的值，即前缀var id=$(this)。其他元素的val()；//alert(' id ' id)；//3.通过前缀查找subtotal元素，并获取其文本vartext=$(“#”id“subtotal”)。text()；//alert(文本)；//4.累计计算总数=数字(文本)；number=1；//alert(总计)；} });//5.显示总计元素$(' # txt ')的总计。文字(数字)；//toFixed(2)功能是保留2位$(' # total ')。文本(总计。to fixed(2))；//toFixed(2)功能是为total保留2位数字}/script #-计算E - 4的总价。单击结算时，使用jQuery将值传递给后台进行处理。

#-结算s-脚本函数jiesuan () {//1。获取所有选定项目的id，并将它们放入数组中。var cartiem array=new array()；$('.box x’)。每个(函数(){ var isChecked=$(this))。道具('选中')；//如果多框被选中，如果(ISCHECKED==真){CartitemArray。推($(这个)。val())；//将复选框的值添加到数组中} })；//2.给出数组toString()的值，然后将其赋给表单的cartiemids，它是隐藏的$(' # cartiemids ')。val (CartitemIDArray。tostring())；//以$ ('# hiddentotal ')的形式保存总值。val($(' # total ')。text())；//3.提交此表单$('#jieSuanForm ')。submit()；}/script5。第四步提交的隐藏字段表单代码如下：

表单id=' jieSuanForm ' action=' pay ' method=' post ' Input type=' hidden ' name=' cartItemIds ' id=' cartItemIds '/Input type=' hidden ' name=' total ' id=' hidden total '/Input type=' hidden ' name=' shop cart ' value=' load cart items '/form 6。这个过程并不复杂。之所以写博客，是因为不熟悉DOM操作，导致选择DOM元素有些延迟。

摘要

上面提到的是边肖推出的jQuery实现了购物车的总价计算和总价传输功能。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！