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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 Javascript
深入理解javascript构造函数和原型对象
Sep 23 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
javascript绘制漂亮的心型线效果完整实例
Feb 02 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
微信小程序canvas动态时钟
Oct 22 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
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 多线程上下文中安全写文件实现代码
2009/12/28 PHP
对text数据类型不支持代码页转换 从: 1252 到: 936
2011/04/23 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
解决Yii2邮件发送结果返回成功,但接收不到邮件的问题
2017/05/23 PHP
jQuery.query.js 取参数的两点问题分析
2012/08/06 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
js实现图片上传预览原理分析
2017/07/13 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
2017/08/25 Javascript
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
jquery绑定事件 bind和on的用法与区别分析
2020/05/22 jQuery
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
Django contenttypes 框架详解(小结)
2018/08/13 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
竞聘上岗演讲稿范文
2014/01/10 职场文书
个人简历中自我评价
2014/02/11 职场文书
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
防暑降温通知书
2015/04/27 职场文书
2016年教师党员承诺书范文
2016/03/24 职场文书
详解Python如何批量采集京东商品数据流程
2022/01/22 Python
MySQL日期时间函数知识汇总
2022/03/17 MySQL
Python实现简单得递归下降Parser
2022/05/02 Python
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers