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 相关文章推荐
取得父标签
Nov 14 Javascript
javascript获取当前ip的代码
May 10 Javascript
javascript 一些用法小结
Sep 11 Javascript
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
javascript与CSS复习(二)
Jun 29 Javascript
get(0).tagName获得作用标签示例代码
Oct 08 Javascript
浅析javaScript中的浅拷贝和深拷贝
Feb 15 Javascript
Angularjs实现下拉框联动的示例代码
Aug 22 Javascript
SVG实现时钟效果
Jul 17 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
原生JS生成指定位数的验证码
Oct 28 Javascript
浅谈nuxtjs校验登录中间件和混入(mixin)
Nov 06 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
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
python获得图片base64编码示例
2014/01/16 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
CSS3中Color的一些特性介绍
2012/05/27 HTML / CSS
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
趣味体育活动方案
2014/02/08 职场文书
高中毕业自我评价
2014/02/08 职场文书
教师考核材料
2014/05/21 职场文书
老干部工作先进事迹
2014/08/17 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
个人委托函范文
2015/01/29 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
JAVA 线程池(池化技术)的实现原理
2022/04/28 Java/Android
在python中读取和写入CSV文件详情
2022/06/28 Python
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技