博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
购物车单选全选,计算总价,出现个小问题,没找到.....
阅读量:5914 次
发布时间:2019-06-19

本文共 3187 字,大约阅读时间需要 10 分钟。

按照正常逻辑走这个代码没问题,但有一次我瞎点的时候,总价没有清空,而是继续向上加,然后继续瞎点就找不到这个问题。

列出来仔细琢磨

合计:

//单选 var sell;        var qty; // 商品数量        var jiage; //商品价格        var zongjia = 0; //选中商品的总价        var check = document.getElementsByName("check");        function onCheck(target) {            $(this).parent().toggleClass("on");            if (target.checked) {                $(".car_pay span").addClass("on");                sell = target.attributes["sellprice"].nodeValue;                qty = target.attributes["qty"].nodeValue;                jiage = sell * qty; //当前选中商品的价格                zongjia += jiage;//所有选中商品的价格                document.getElementsByClassName('shop_zjg')[0].innerHTML = zongjia;            } else {                sell = target.attributes["sellprice"].nodeValue;                qty = target.attributes["qty"].nodeValue;                jiage = sell * qty;                zongjia -= jiage;                if (zongjia < 0) {//如果全选了在取消选中当前商品,这时候总价为0,所以我重新计算一下所有商品的总价                    var qj = 0;                    for (var i = 0; i < check.length; i++) {                        var jg = 0;                        sell = check[i].attributes["sellprice"].nodeValue;                        qty = check[i].attributes["qty"].nodeValue;                        jg = sell * qty;                        qj += jg;                    }                    zongjia = qj - jiage;                }                document.getElementsByClassName('shop_zjg')[0].innerHTML = zongjia;            }            for (var i = 0; i < check.length; i++) {//这个是判断是否全选的,用循环判断所有checked是否选中,有一个没被选中就不是全选。                if (check[i].checked==true) {                    $(".pay label span").addClass("on");                } else {                    $(".pay label span").removeClass("on");                    return;                }            }        }
//全选            $(".pay label span").click(function () {                var quanjia = 0;                if ($(this).hasClass("on")) {                    $(this).removeClass("on");                    $("label input").prop("checked", false);                    $("label").removeClass("on");                    document.getElementsByClassName('shop_zjg')[0].innerHTML = 0;                } else {                    $(this).addClass("on");                    $("label input").prop("checked", true);                    $("label").addClass("on");                    for (var i = 0; i < check.length; i++) {                        sell = check[i].attributes["sellprice"].nodeValue;                        qty = check[i].attributes["qty"].nodeValue;                        jiage = sell * qty;                        quanjia += jiage;                    }                    document.getElementsByClassName('shop_zjg')[0].innerHTML = quanjia;                    zongjia = 0;                }                            });

 

转载于:https://www.cnblogs.com/baixiao/p/7812931.html

你可能感兴趣的文章
Selenium IDE XPath元素定位器
查看>>
加入51CTO
查看>>
一个=号引发的错误.......
查看>>
CPU显卡内存与3DMAX渲染的关系
查看>>
【Java】方法重载于覆写的区别;This与Super的区别;Final关键字的作用
查看>>
10.2生成器
查看>>
VS2010编辑界面主题美化
查看>>
Linux 常用命令之touch
查看>>
RestTemplate设置通用header
查看>>
TRex 学习(2) ---- stateful (basic)
查看>>
[高并发Java 二] 多线程基础
查看>>
PHP源码目录结构
查看>>
Linux桌面虚拟化技术KVM介绍及其安装
查看>>
硬盘主引导记录详解
查看>>
用户与用户组管理
查看>>
CentOS 6.8 手工安装 Firefox
查看>>
【栈】POJ 1028 Web Navigation
查看>>
[文摘]JDK里的设计模式
查看>>
初学大数据需要了解哪些方面的知识?
查看>>
能量山水画家武湲承:搬运时空能量,聚藏山水画中
查看>>