jQuery实现移动端手机商城购物车功能
更新时间：2016年09月24日 16:54:25 投稿：mrr
这篇文章主要介绍了jQuery实现移动端手机商城购物车功能的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
购物车数量加减
右加号
$(".jiahao").click(function() {
var t = $(this).siblings().find("input");//取到数量
t.val(parseInt(t.val()) + 1);//parseInt()解析input一个字符串，返回一个整数
heji();//调用后面计算的函数
})
左减号
$(".jianhao").click(function() {
var t = $(this).siblings().find("input");
t.val(parseInt(t.val()) - 1);
//当数量小于1的时候让最小值等于1
if(parseInt(t.val()) < 1) {
t.val(1)
};
heji();
})
计算商品总价
function heji() {
$(".gwcar").each(function() {//循环整个购物车
var oprice = ; //商品总价
$(this).find(".glist").each(function() {//循环购物车里的每个商品，this值得是这个购物车
if($(this).find(".btn").hasClass("option") == true) {//判断商品被选中的情况下，this指的是购物车的三个商品
var num = $(this).find(".shuliang").val();//取到数量，this指的还是购物车的商品一个
var danjia = $(this).find(".danjia").text();
var xiaoji = num * danjia; //商品小计
oprice += xiaoji;
$(".zongjia").html(oprice);
};
});
});
};
最后附图一张
以上所述是小编给大家介绍的jQuery实现移动端手机商城购物车功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
有时在页面加载的时候，需要在页面的右下角弹出一个小的提示框，显示一些提示信息给用户，通过使用jQuery的message插件，可以很方便的实现这个效果，在使用之前先介绍一下message插件中的方法的使用。2011-01-01
这篇文章主要介绍了jQuery实现的图片点击放大缩小功能,结合具体案例形式分析了jquery基于事件响应与页面属性动态变换实现的图片放大缩小功能相关实现技巧,需要的朋友可以参考下2020-01-01
JQuery UI有着非常丰富的皮肤，JQuery官方提供的就有十几套，除了官方提供的之外，JQuery还提供了定制皮肤的服务2009-07-07
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
大牛ppk都说过，在从多表单控件中，上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文2011-10-10
两种方法解决javascript url post 特殊字符转义 + & #
本文主要介绍javascript使用url传值的时候数据丢失的问题，希望对大家有所帮助。2016-04-04
这篇文章主要介绍了jQuery操作动画,结合完整实例形式分析了jquery针对页面元素动画效果相关实现技巧,涉及jquery slideUp与slideDown方法的使用,需要的朋友可以参考下2020-01-01
jquery alert 弹出式 复选框，需要的朋友可以参考下，代码有点乱。2009-06-06
JQuery样式操作、click事件以及索引值-选项卡应用示例
这篇文章主要介绍了JQuery样式操作、click事件以及索引值-选项卡应用,结合实例形式分析了jQuery动态修改css样式、事件响应以及选项卡相关操作技巧,需要的朋友可以参考下2019-05-05
用jQuery取值，当一个id中含有.时，这个时候正常的取法是做不到的，因此请看下文2014-05-05
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果,结合实例形式分析了jQuery使用HighCharts插件同时绘制折线图、柱状图、饼状图组合图效果的操作步骤与相关实现技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
最新评论