jQuery实现移动端手机商城购物车功能


Posted in Javascript onSeptember 24, 2016

购物车数量加减

右加号

$(".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实现移动端手机商城购物车功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 分页控件实现代码
Nov 30 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
使用JQuery实现的分页插件分享
Nov 05 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
Dec 03 Javascript
jQuery插件实现适用于移动端的地址选择器
Feb 18 Javascript
AngularJS基础 ng-repeat 指令简单示例
Aug 03 Javascript
清除输入框内的空格
Dec 21 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
Vue 递归多级菜单的实例代码
May 05 Javascript
JavaScript实现表单验证功能
Dec 09 Javascript
AngularJS实现星星等级评分功能
Sep 24 #Javascript
完美的js div拖拽实例代码
Sep 24 #Javascript
javascript 解决浏览器不支持的问题
Sep 24 #Javascript
JavaScript生成验证码并实现验证功能
Sep 24 #Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 #Javascript
javascript 分号总结及详细介绍
Sep 24 #Javascript
Bootstrap对话框使用实例讲解
Sep 24 #Javascript
You might like
在PHP中利用XML技术构造远程服务(下)
2006/10/09 PHP
PHP header函数分析详解
2011/08/06 PHP
php数据库配置文件一般做法分享
2012/07/07 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
8个超实用的jQuery功能代码分享
2015/01/08 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
jQuery实现图片局部放大镜效果
2016/03/17 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
2016/05/12 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
Python进阶学习之特殊方法实例详析
2017/12/01 Python
python3如何将docx转换成pdf文件
2018/03/23 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
Python多进程池 multiprocessing Pool用法示例
2018/09/07 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
python手写均值滤波
2020/02/19 Python
python中字符串的编码与解码详析
2020/12/03 Python
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
美国现代家具购物网站:LexMod
2019/01/09 全球购物
学校食堂采购员岗位职责
2013/12/05 职场文书
法警的竞聘演讲稿
2014/01/02 职场文书
给老婆的搞笑检讨书
2014/01/12 职场文书
2015年党小组工作总结
2015/05/26 职场文书
2015年度对口支援工作总结
2015/07/22 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
高端收音机+蓝牙音箱,JBL TUNER FM带收音蓝牙音箱评测
2021/04/24 无线电
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL