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 相关文章推荐
jQuery使用手册之 事件处理
Mar 24 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
浅谈Javascript线程及定时机制
Jul 02 Javascript
JavaScript实现点击按钮就复制当前网址
Dec 14 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
vue插件vue-resource的使用笔记(小结)
Aug 04 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
VUE路由动态加载实例代码讲解
Aug 26 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 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
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
在JavaScript中如何解决用execCommand(
2015/10/19 Javascript
javascript作用域链(Scope Chain)用法实例解析
2015/11/30 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
JavaScript中原型链存在的问题解析
2016/09/25 Javascript
JavaScript中日常收集常见的10种错误(推荐)
2017/01/08 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
vue v-for直接循环数字实例
2019/11/07 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
使用 Django Highcharts 实现数据可视化过程解析
2019/07/31 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
如何利用python进行时间序列分析
2020/08/04 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
解决margin 外边距合并问题
2019/07/03 HTML / CSS
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
英国网上电器商店:Electricshop
2020/03/15 全球购物
Linux管理员面试经常问道的相关命令
2013/04/29 面试题
韩国商务邀请函
2014/01/14 职场文书
大学生暑期实践感言
2014/02/26 职场文书
给校长的建议书100字
2014/05/16 职场文书
扬尘污染防治方案
2014/06/15 职场文书
个人收入证明范本
2014/09/18 职场文书
员工自我工作评价
2015/03/06 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书