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 相关文章推荐
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
详解JS函数重载
Dec 04 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
Vue.js实战之组件之间的数据传递
Apr 01 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
Feb 15 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 Javascript
js实现直播点击飘心效果
Aug 19 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开发文件系统实例讲解
2006/10/09 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
Prototype Object对象 学习
2009/07/12 Javascript
javascript中onclick(this)用法介绍
2013/04/19 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
[46:25]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第二局
2016/03/05 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
解决python nohup linux 后台运行输出的问题
2018/05/11 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
djano一对一、多对多、分页实例代码
2019/08/16 Python
Python3.9又更新了:dict内置新功能
2020/02/28 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
Java中的类包括什么内容?设计时要注意哪些方面
2012/05/23 面试题
实习生的自我评价
2014/01/08 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
幼儿园重阳节活动总结
2015/05/05 职场文书
幼儿园秋季开学通知
2015/07/16 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技
Python pyecharts案例超市4年数据可视化分析
2022/08/14 Python