服装商城的信息图片:
图片
HTML代码部分
一个图片的点击事件
<div id="cart"><a href="#"><img src="images/btn_cart.png" /></a></div>
js代码部分
$(function(){
//最终提示用户购买//购物车的id$("#cart a").click(function () {//产品的名称var name = $(".pro_detail_right h4:first").text();//商品的颜色var color = $(".color_change strong:first").text();//商品的尺寸var size = $(".pro_size strong:first").text();//商品的数量var number = $("#num_sort").val();//商品的价格var price = $(".pro_price span").text();//提示的信息var think="非常感谢您购买!n您购买的商品有:n" + "产品是:" + name + ";n" + "您购买的商品颜色是:" + color + ";n" + "您的尺寸是:" + size + ";n" + "您购买的数量是:" + number + ";n" + "您购买的商品所需价格为:" + price + "!"if (confirm(think)) {alert("您已经下单!");} else {alert("订单已取消!");}return false;//避免页面跳转});
})
本文发布于:2024-02-01 04:59:55,感谢您对本站的认可!
本文链接:https://www.4u4v.net/it/170673479734049.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
留言与评论(共有 0 条评论) |