博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQ实现购物车价格计算
阅读量:6426 次
发布时间:2019-06-23

本文共 1687 字,大约阅读时间需要 5 分钟。

  在购车中我觉得最好使用each()和prop()方法,如果你用事件代理的话也可以实现但是代码有点长还要加入for循环遍历(不建议使用for循环,与优化有关(下面是我实现的方法))

  以下代码只提供作为思路上方法的参考(如果直接运行是会少一些文件的)

function Shopchar(data){    this.data=data;    this.bod=$("#bod");    this.ckAll=$("#ckAll");    this.firstc=$(".firstc");    this.sumpri=$("#sumpri");    this.set6=$(".set6")    this.center_page=$(".center_page");    this.set4=$(".set4")    this.set3=$(".set3")    this.set2=$(".set2")    this.set=$(".set")    this.set1=$(".set1");    this.a=0;    this.sub=true;//用来判断最后的总价计算    this.init();}$.extend(Shopchar.prototype,{    init:function(){        this.price_all()        this.price_a();        this.check_to();        this.check_shop()        this.add_product()        this.reduce_product()        this.del_product()    },    //商品全选和反选    //单选按钮价格计算    price_all:function(ind){            var b=this.firstc.eq(ind).prop("checked")            if(b){            this.a=Number(this.sumpri.html())+parseInt(this.set6.eq(ind).html())            }if(!b){                this.a=Number(this.sumpri.html())-parseInt(this.set6.eq(ind).html())            }        this.sumpri.html(this.a);    },    //全选按钮价格计算    price_a:function(){        this.a=0;        var c=this.ckAll.is("input:checked")        if(c){            for(var i=0;i

 HTML样式

    
购物车
全选
商品
单价
数量
小计
操作
总价:
0.00
结算

 

)

转载于:https://www.cnblogs.com/tc-jieke/p/9185023.html

你可能感兴趣的文章
线程优先级
查看>>
在ubuntu14.04上使用ambari搭建hadoop集群
查看>>
[paramiko] recv的时候总是出现timeout的错误
查看>>
Spark算子:RDD基本转换操作(6)–zip、zipPartitions
查看>>
【就是快】10分钟搭建一台web服务器!
查看>>
kickstart无人值守安装系统
查看>>
flashbuilder4.7破解
查看>>
开始我的IT职业生涯
查看>>
Nginx_PHP_PHP-FPM网站环境部署手册
查看>>
Spring aop 配置和使用
查看>>
简单栈溢出
查看>>
我的友情链接
查看>>
MySql启动预编译功能
查看>>
欧拉定理
查看>>
EventLoop(netty源码死磕4)
查看>>
#17 HABTM Checkboxes
查看>>
如何修改WordPress自带标签云小工具的显示参数
查看>>
在MyEclipse下使用JUnit
查看>>
Hashtable的使用
查看>>
n&(n-1)的妙用
查看>>