jQuery移动端购物车结算

随着移动互联网的快速发展，越来越多的人开始在手机上购物。因此，在移动端优化购物车结算流程，成为了很多电商网站必须要考虑的问题。而jQuery作为一款流行的JavaScript库，也给移动端购物车结算带来了很大的便利。

首先，我们可以使用jQuery实现购物车商品的数量加减功能，通过给加减按钮分别绑定事件，将商品数量加减，并在页面上实时显示商品数量和总价。代码如下：

$(".add").click(function(){
    var num = parseInt($(this).prev().val());
    num++;
    $(this).prev().val(num);
    var price = parseFloat($(this).parent().prev().find(".price").text());
    $(this).parent().next().find(".price").text(price*num);
    total();
});

$(".minus").click(function(){
    var num = parseInt($(this).next().val());
    if(num

其次，我们可以使用jQuery实现购物车商品的删除功能。通过给删除按钮绑定事件，将该商品从页面上删除，并重新计算商品数量和总价。代码如下：

$(".delete").click(function(){
    $(this).parent().parent().remove();
    total();
});


最后，我们可以使用jQuery实现购物车商品的结算功能。通过给结算按钮绑定事件，将选中的商品信息传递给后台，完成订单生成和支付操作。代码如下：

$("#pay").click(function(){
    var goods = [];
    $(".common").each(function(){
        var checked = $(this).find(".check").prop("checked");
        if(checked){
            var num = parseInt($(this).find(".num").val());
            var price = parseFloat($(this).find(".price").text());
            var name = $(this).find(".name").text();
            var id = $(this).attr("data-id");
            goods.push({
                name:name,price:price,num:num,goods_id:id
            });
        }
    });
    $.ajax({
        url:"/pay",type:"POST",data:{
            goods:goods
        },success:function(res){
            if(res.code==200){
                alert("支付成功！");
                location.href="/success";
            }else{
                alert(res.msg);
            }
        },error:function(){
            alert("网络异常，请稍后再试！");
        }
    });
});


通过使用jQuery实现移动端购物车结算，可以大大提升用户体验和购物效率，也更能符合移动端的特点。