当前位置:网站首页>多功能(实现)封装函数

多功能(实现)封装函数

2022-07-17 05:04:00 共创splendid--与您携手

 一,添加商品信息

//添加商品信息
                addcart(title,price){
                    var goods=this.goods;

                    //利用对象的形式添加值
                    var obj={id:0,title:title,price:price,sue:1};
                    obj.id=goods.length+1;

                    //在末尾添加
                    goods.push(obj);
                    //刷新页面
                    this.setGoods();
                }

二,删除单行

//单行删除
                 dongter(id){
                     var goods=this.goods;
                     var index=0;
                     for(var i=0;i<goods.length;i++){
                         if(goods[i].id==id){
                             index=i;
                         }
                     }
                     goods.splice(index,1);

                     // this.goods=goods;
                 }

三,全选影响内部复选及所有复选影响全选

           //部分选择影响全选
			   teselectAll(){
				   var flag = true;
				   for(var i=0;i<this.Checkbox.length;i++){
					   if(!this.Checkbox[i].checked){
					   	flag=false;
					   }
				   }
				   this.selectAll.checked=flag;
				   
			   }







//全选影响部分选择
				selectAllt(e) {
					var checked = e.target.checked;
					console.log(checked);
					for (var i = 0; i < this.Checkbox.length; i++) {
						this.Checkbox[i].checked = checked;
					}
				}

四,清空数据

   //清空购物车
                delalltemp(){
                    this.goods=[];
                    this.setGoods();
                }

五,更改数据信息

//更改数据  再addevent()外边写
                editData(id, key, value) {
                    var goods = this.goods;
                    for (var i = 0; i < goods.length; i++) {

                        //判断更改的是哪一行的数据
                        if (goods[i].id == id) {
                            goods[i][key] = value;
                        }
                    }
                }

六,获取商品个数, 添加产品复选框(项), 计算总费用

Amount() {
                    //获取页面信息
                    var goods = this.goods;
                    var sum = 0;
                    var count = 0;
                    for (var i = 0; i < goods.length; i++) {
                        if (this.Checkbox[i].checked) {
                            sum = sum + goods[i].price * goods[i].sue;
                            count++;
                        }
                    }
                    this.amount.innerHTML = sum;
                    this.contNode.innerHTML = count;
                }

关注我,后面会发布更多免费资源,等你来拿。

原网站

版权声明
本文为[共创splendid--与您携手]所创,转载请带上原文链接,感谢
https://blog.csdn.net/m0_59505309/article/details/125693099