zoukankan      html  css  js  c++  java
  • js 购物车的数量加减,对应的总价也随机变化

    html相关的源码:

    <div class="goods_num clearfix">
                     <div class="num_name fl">数 量:</div>
                        <div class="num_add fl">
                            <input type="text" name="num" class="num_show fl" value="1">
                            <a href="javascript:;" class="add fr">+</a>
                            <a href="javascript:;" class="minus fr">-</a>
                        </div>
                    </div>
    <div class="total">总价:<em id="price">{{ good.price }}</em></div>

    相应的js部分:

     <script>
            $(function () {
                //加号
                var price1 = parseFloat($('#price').text());
                var num = parseInt($('input[name="num"]').attr('value'));
                $('.add').click(function(){
                    num++;
                    $('input[name="num"]').attr('value',num);
                    var total = num * price1;
                    $('#price').html(total.toFixed(2));
                });
                //减号
                $('.minus').click(function () {
                    if(num>1){
                        num--;
                        $('input[name="num"]').attr('value',num);
                        console.log(num)
                        var total = num * price1;
                        $('#price').text(total.toFixed(2));
                    }
    
    
                });
            });
        </script>
  • 相关阅读:
    用python将博客园的文章爬取到本地
    2016.7.9
    2016.7.8
    2016.7.7
    2016.7.5
    2016.7.4
    2016.7.3
    2016.7.2
    2016.6.28
    2016.6.27
  • 原文地址:https://www.cnblogs.com/zhenzi0322/p/11198803.html
Copyright © 2011-2022 走看看