购物车代码思路

思路

1.给tbody一个id=”shopList” 当进入购物车时如果有两个商品被勾选了,需要计算出总价钱
2.当手动勾选商品时,也要把相应的价格加到总价中去
3.给全选添加一个id=”checkAll”当勾选全部选中时,要计算所有商品的总价要注意的是:这个函数,当单选是也要触发,因为当全部商品都勾选时也就相当调用了这个函数
4.当再次点击全选时取消所有产品
5.当点击+加号时也要计算
6.当点击-加号时也要计算
7.文本框中也可以直接输入,这里需要校验的地方比较多
8.当点击删除时,将选中的商品移除

代码思路

1.首先计算总价
    totalPrice();
    function totalPrice(){
   
        //获取所有商品列表
        var lists = $('#shopList tr');
        var total = 0;//这里是后添加的;
        //循环遍历
        lists.each(function(){
   
            //遍历的结果this会是tr标签,也就是js对象,我们要转换为Jquery对象
            var _vm = $(this);
            //获取所有选中的商品
            var isChecked = _vm.find('.checkbox').prop('checked');
            //判断当商品勾选时,计算总价
            if(isChecked){
                //获取单价 *1乘1就会把字符串转换为数字
                var price = _vm.find('.price').text()*1;
                var num = _vm.find(
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值