黑马前端jquery购物车案例改进版

轨迹oc

已于 2022-08-19 17:41:30 修改

阅读量443

点赞数 1

分类专栏：笔记文章标签：前端 jquery javascript

于 2022-08-12 19:40:03 首次发布

本文链接：https://blog.csdn.net/weixin_52417433/article/details/126309564

版权

笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

在这里插入图片描述
实现购物车根据复选框状态计算总价解决方法，只需修改getSum函数，
再在点击复选框和全选按钮中，调用getSum函数。

   function getSum() {
        var count = 0; // 计算总件数 
        var money = 0; // 计算总价钱
        //遍历有checked属性的选择框 计算总件数
        $('.j-checkbox:checked').each(function(index, ele) {
            count += parseInt($(ele).parents('.p-checkbox').siblings('.p-num').find('.itxt').val())
        });
        $(".amount-sum em").text(count);
        //遍历有checked属性的选择框 计算总价钱
        $('.j-checkbox:checked').each(function(index, ele) {
            money += parseFloat($(ele).parents('.p-checkbox').siblings('.p-sum').text().substr(1))
        });
        $(".price-sum em").text("￥" + money.toFixed(2));
 
    }