美文网首页
jquery购物车加减乘除最简便写法

jquery购物车加减乘除最简便写法

作者: 文朝明 | 来源:发表于2019-08-01 14:53 被阅读0次
     $('.add').click(function() {
                            $(this).next('input').val(parseInt($(this)
                                .next('input').val()) + 1)
                            total()
                        })
                        // 票数减少
                    $('.minus').click(function() {
    
                            if ($(this).prev('input').val() > 0) {
                                $(this).prev('input').val(parseInt($(this)
                                    .prev('input').val()) - 1)
                                total()
                            } else {
                                console.log('取消票')
                            }
    
                        })
                        // 总金额计算
                    function total() {
                        var adultsprice = $('#adultsprice span').text()
                        var adultsnum = $('#adultsprice').siblings('input').val()
                        var childrenprice = $('#childrenprice span').text()
                        var childrennum = $('#childrenprice').siblings('input').val()
                        var totalnum = adultsprice * adultsnum + childrenprice * childrennum
      $('.price span').html(totalnum.toFixed(2) + "元")
                    }
    
    
    
                })
    

    相关文章

      网友评论

          本文标题:jquery购物车加减乘除最简便写法

          本文链接:https://www.haomeiwen.com/subject/khnqdctx.html