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 相关文章推荐
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
Bootstrap CSS使用方法
Dec 23 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
vue框架中props的typescript用法详解
Feb 17 Javascript
详解JavaScript 异步编程
Jul 13 Javascript
原生JS实现拖拽功能
Dec 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 SQL Injection with MySQL
2011/02/27 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
让你的CSS像Jquery一样做筛选的实现方法
2011/07/10 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
vue-router传参用法详解
2019/01/19 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
实例解析Python的Twisted框架中Deferred对象的用法
2016/05/25 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
详解小白之KMP算法及python实现
2019/04/04 Python
Python中format()格式输出全解
2019/04/12 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Python 面向对象部分知识点小结
2020/03/09 Python
基于python 凸包问题的解决
2020/04/16 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
请说出几个常用的异常类
2013/01/08 面试题
ktv中秋节活动方案
2014/01/30 职场文书
自我鉴定总结
2014/03/24 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
教师读书笔记
2015/06/29 职场文书
小学数学教学反思范文
2016/02/16 职场文书
检讨书怎么写?
2019/06/21 职场文书
MySQL中的隐藏列的具体查看
2021/09/04 MySQL
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android