放入购物车

最新推荐文章于 2021-03-09 23:15:30 发布

最可爱的师师

最新推荐文章于 2021-03-09 23:15:30 发布

阅读量121

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/weixin_51054573/article/details/108962300

版权

这段代码展示了如何使用JavaScript实现一个购物车确认对话框。当点击'加入购物车'按钮时，它会显示产品的名称、尺寸、颜色、数量和总价，并询问用户是否下单。如果用户确认，将弹出提示已下单的警告框，同时阻止页面默认的跳转行为。

摘要由CSDN通过智能技术生成

    $(function () {
        var $product = $(".pro_detail_right");
        $("#cart a").click(function () {
            var pro_name = $product.find("h4:first").text();
            var pro_size = $product.find(".pro_size strong").text();
            var pro_color = $(".color_change strong").text();
            var pro_num = $product.find("#num_sort").val();
            var pro_price = $product.find(".pro_price span").text();
            var dialog = " 感谢您的购买。\n您购买的\n" +
                "产品是：" + pro_name + "；\n" +
                "尺寸是：" + pro_size + "；\n" +
                "颜色是：" + pro_color + "；\n" +
                "数量是：" + pro_num + "；\n" +
                "总价是：" + pro_price + "元。";
            if (confirm(dialog)) {
                alert("您已经下单!");
            }
            return false;//避免页面跳转
        })
    })

在这里插入图片描述