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 中debug方式
Feb 07 Javascript
js的一些常用方法小结
Jun 29 Javascript
Javascript中typeof 用法小结
May 12 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
JS简单获取当前年月日星期的方法示例
Feb 07 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
0基础学习前端开发的一些建议
Jul 14 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 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
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
js multiple全选与取消全选实现代码
2012/12/04 Javascript
JS 跳转页面延迟2种方法
2013/03/29 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
浅谈Javascript 数组与字典
2015/01/29 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
Bootstrap表单Form全面解析
2016/06/13 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
基于nodejs 的多页面爬虫实例代码
2017/05/31 NodeJs
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
Vue数据监听方法watch的使用
2018/03/28 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
Python 正则表达式操作指南
2009/05/04 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
Python使用pickle模块存储数据报错解决示例代码
2018/01/26 Python
详解python多线程之间的同步(一)
2019/04/03 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
keras在构建LSTM模型时对变长序列的处理操作
2020/06/29 Python
python文件编写好后如何实践
2020/07/07 Python
css3新增颜色表示方式分享
2014/04/15 HTML / CSS
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
2015/11/18 面试题
实习生个人找工作的自我评价
2013/10/30 职场文书
工程项目经理任命书
2014/06/05 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
幼儿园保育员责任书
2014/07/22 职场文书