购物车中商品的选中状态之后的一些业务逻辑操作

如图，当我们点击商品的单选框之后我们要对数据进行处理

总结一下业务逻辑：
以点击单个复选框为列

当点击商品的复选框之后传入当前商品的id
拿到商品列表，在商品列表中找到所点击商品对象，更改其对象中isChecked字段的值
此时商品列表的数据已被更改。还没有同步到界面中
重新判定全选按钮的状态
重新判定商品数量和商品总价
全部判定好了之后再写入各自的数据中界面就会同步起来了

//单个复选框 handleItemChange(e) {const id = e.currentTarget.dataset.idconst cartList = this.data.cartListconst findItem = cartList.find(ele => ele.goods_id === id)findItem.checked = !findItem.checked// 判定全选按钮const allChecked = cartList.length === 0 ? false : cartList.every(ele =>ele.checked)// 计算总价 和 总数量let totalPrice = 0let totalCount = 0cartList.forEach(ele => {if (ele.checked) {totalPrice += ele.count * ele.goods_pricetotalCount += ele.count}})// 写入data 和 stroage中this.setData({cartList,totalPrice,totalCount,allChecked})wx.setStorageSync('cacheCart', cartList)}```

购物车中商品的选中状态之后的一些业务逻辑操作相关推荐

070——VUE中vuex之使用getters计算每一件购物车中商品的总价
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
php总价,JS实现购物车中商品总价计算
JS计算购物车中商品总价,供大家参考,具体内容如下题目要求: 购物车中有若干商品信息,其中包括商品的名称.单价.数量,计算购物车中商品的总价. 具体思路: 商品信息通过创建商品对象来实现,若干商品的 ...
关于dede获取购物车中商品ID及提交为表单问题总结
最近在建QQ知啦www.qqzla.com站过程中遇到一个问题,要求是这样的,将购物车中的商品提交为表单. 先将总结给大家分享一下. 因DEDE循环语句 {dede:array.Items} {/de ...
html5中checkbox的选中状态的设置与获取
获取checkbox是否选中: $("#checkbox").is(":checked"); 获得的值为true或false. 设置checkbox是否选中: ...
ASP.NET AJAX示例程序：实现IDragSource和IDropTarget接口将商品拖放至购物车中
本文来自<ASP.NET AJAX程序设计--第II卷:客户端Microsoft AJAX Library相关>第9章第3节. 9.3 示例程序:实现IDragSource和IDropTa ...
Android ListView中CheckBox选中状态失效的最佳解决方案
Android ListView中CheckBox选中状态失效: 在ListView中某一项滑到显示区外部的时候,重新划回来时其中的CheckBox的选中状态会重置,本文提出了一种解决方案,操作起来快 ...
读《啤酒与尿布》——大型超市购物篮中商品关联性分析
此书通过沃尔玛.家乐福等大型超经典销售案例分析,总结出人们购物车中商品内在关联.通过关联摆放促进销售额.大小超市.门店.销售人员可从书中案例吸取灵感.提升业绩.对于数据挖掘人员,有两处可借鉴:商品关联 ...
4-10 :selected选中状态选择器
:selected选中状态选择器与:checked选择器相比,:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素. 例如, ...
vue 中点击切换图标，切换选中状态
很多新手小白做这个切换下拉列表,选中列表记录当前选中状态,图标也变成当前选中状态的时候都会比较绕,其实其核心就是把(icon图标.样式加载变成变量话,按需加入想要的变量即可) 例如下面这个例子: &l ...

购物车中商品的选中状态之后的一些业务逻辑操作

购物车中商品的选中状态之后的一些业务逻辑操作相关推荐

最新文章

热门文章

购物车中 商品的选中状态之后的一些业务逻辑操作

购物车中 商品的选中状态之后的一些业务逻辑操作相关推荐

最新文章

热门文章

购物车中商品的选中状态之后的一些业务逻辑操作

购物车中商品的选中状态之后的一些业务逻辑操作相关推荐