美文网首页
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