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数组处理多个字符串的连接问题
Aug 20 Javascript
jquery trim() 功能源代码
Feb 14 Javascript
使用js修改客户端注册表的方法
Aug 09 Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
JavaScript预解析及相关技巧分析
Apr 21 Javascript
自动适应iframe右边的高度
Dec 22 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
解决angularjs service中依赖注入$scope报错的问题
Oct 02 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 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 变量未定义等错误的解决方法
2011/01/12 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
AngularJS入门之动画
2016/07/27 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
Bootstrap的class样式小结
2016/12/01 Javascript
node.js实现复制文本到剪切板的功能
2017/01/23 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
微信小程序后台解密用户数据实例详解
2017/06/28 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Python的函数的一些高阶特性
2015/04/27 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
python通过TimedRotatingFileHandler按时间切割日志
2019/07/17 Python
关于Python3 lambda函数的深入浅出
2019/11/27 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
python 消除 futureWarning问题的解决
2019/12/25 Python
Python读写Excel表格的方法
2021/03/02 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
数据库的约束含义
2012/09/09 面试题
小组口号大全
2014/06/09 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
房地产端午节活动方案
2014/08/24 职场文书
创优争先心得体会
2014/09/11 职场文书
处罚决定书范文
2015/06/24 职场文书
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android