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判断文件类型和文件大小即限制上传大小
Nov 20 Javascript
angularJS 中input示例分享
Feb 09 Javascript
JS判断元素是否在数组内的实现代码
Mar 30 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
Vue导出页面为PDF格式的实现思路
Jul 31 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
微信小程序实现天气预报功能(附源码)
Dec 10 Javascript
JavaScript事件的委托(代理)的用法示例详解
Feb 18 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 Smarty模板生成html文档的方法
2010/04/12 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
php判断两个日期之间相差多少个月份的方法
2015/06/18 PHP
php fread函数使用方法总结
2019/05/28 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
AngularJS 日期格式化详解
2015/12/23 Javascript
canvas的神奇用法
2017/02/03 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
python SocketServer源码深入解读
2019/09/17 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
python 爬取马蜂窝景点翻页文字评论的实现
2020/01/20 Python
Pygame的程序开始示例代码
2020/05/07 Python
通过实例解析python and和or使用方法
2020/11/14 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
Windows和Linux动态库应用异同
2016/04/17 面试题
高校自主招生自荐信
2013/12/09 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
迎八一活动主题
2014/01/31 职场文书
商业活动邀请函
2014/02/04 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
董事长秘书工作职责
2014/06/10 职场文书
大学生作弊检讨书
2014/09/11 职场文书
酒店员工手册范本
2015/05/14 职场文书
会计入职心得体会
2016/01/22 职场文书
2016年村党支部公开承诺书
2016/03/24 职场文书