jquery购物车实时结算特效实现思路


Posted in Javascript onSeptember 23, 2013
$(function(){ 
$(".child_tab tr:last-child").find("td").css({borderBottom:'none'}) 
//获得文本框对象 
var t = $(".amount-input"); 
//数量增加操作 
$(".amount-up").click(function(e){ 
var c1=parseInt($(this).prev().val()); 
$(this).prev().val(c1+1); 
e.preventDefault() 
setTotal(); 
}); 
//数量减少操作 
$(".amount-down").click(function(e){ 
var c1=parseInt($(this).next().val()); 
if(c1>=1){ 
$(this).next().val(c1-1); 
}; 
e.preventDefault() 
setTotal(); 
}); 
function setTotal(){ 
//取每个条件的值 
var num1=$(".sum1").text(); 
var num2=$(".sum2").text(); 
var num3=$(".sum3").text(); 
var total=0; 
var x1=4,x2=10,x3=49; 
//遍历合计件数 
t.each(function(index,ele){ 
total+=parseInt($(ele).val()); 
}); 
$(".figure").html(total); 
//判断个数满足哪个要求 
if(total<x2){ 
b2=num1 
}else if(total>=x2&&total<=x3){ 
b2=num2 
}else if(total>=x3){ 
b2=num3 
} 
$(".money").html((total*b2).toFixed(2)+'元');//toFixed()是保留小数点的函数很实用哦 
} 
//初始化 
setTotal(); })
Javascript 相关文章推荐
js技巧--转义符&quot;\&quot;的妙用
Jan 09 Javascript
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
Mar 23 Javascript
详解Weex基于Vue2.0开发模板搭建
Mar 20 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
Nov 06 Javascript
使用express搭建一个简单的查询服务器的方法
Feb 09 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
React事件处理的机制及原理
Dec 03 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
js下拉菜单语言选项简单实现
Sep 23 #Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 #Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 #Javascript
js/html光标定位的实现代码
Sep 23 #Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 #Javascript
JQuery操作单选按钮以及复选按钮示例
Sep 23 #Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 #Javascript
You might like
PHP递归实现文件夹的复制、删除、查看大小操作示例
2017/08/11 PHP
JQuery遍历json数组的3种方法
2014/11/08 Javascript
jQuery 中DOM 操作详解
2015/01/13 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
2016/07/18 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
详解vue中axios的封装
2018/07/18 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
python实现系统状态监测和故障转移实例方法
2013/11/18 Python
Python中的ConfigParser模块使用详解
2015/05/04 Python
Python实现批量读取word中表格信息的方法
2015/07/30 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
python3使用QQ邮箱发送邮件
2020/05/20 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
pandas.cut具体使用总结
2019/06/24 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
Python 分布式缓存之Reids数据类型操作详解
2020/06/24 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
戴尔英国官网:Dell英国
2017/05/27 全球购物
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
Ref与out有什么不同
2012/11/24 面试题
Python文件操作的面试题
2013/06/22 面试题
体育专业个人的求职信范文
2013/09/21 职场文书
保安员岗位职责
2013/11/17 职场文书
竞聘演讲稿
2014/04/24 职场文书
教室标语大全
2014/06/21 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
来探秘“德国中小企业”的成功之道
2019/07/26 职场文书