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>