jquery购物车实时结算特效实现思路
2013-09-23 00:00
811 查看
$(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(); })
相关文章推荐
- jquery购物车实时结算特效
- jquery实现手机端单店铺购物车结算删除功能
- 利用jquery.fly实现仿淘宝购物车飞入特效
- 利用JQuery实现简单的购物车结算
- jQuery实现购物车表单自动结算效果实例
- jquery实现购物车物品单项结算功能
- Jquery实现购物车物品数量的加减特效
- 利用JQuery实现简单的购物车结算
- 实现购物车的结算(jQuery)
- 基于jQuery实现 图片飞入购物车特效
- jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格
- jQuery实现购物车表单自动结算
- 使用jQuery实现购物车结算功能
- jquery ui dialog实现弹窗特效的思路及代码
- 纯jquery实现模仿淘宝购物车结算
- jQuery实现购物车表单自动结算效果实例
- jquery购物车结算功能实现方法
- jquery ui dialog实现弹窗特效的思路及代码