添加数量计算总数

下面编写一个添加购物车里面的数量,而总价格也跟着变化的案例。

在这里插入图片描述

商品单价: ¥350.00
- +
总价: ¥1050.00 首先,编写样式,完成需要的数据和按钮 在价格上给个id然后在总价格上也给个ID,点击+的按钮,从而改变价格的数量,显示在总价格上面。 var setAmount = { 设置最大值max为999和最小值为1 min: 1, max: 999, reg: function (x) { return new RegExp("^[1-9]\\d*$").test(x); }, amount: function (obj, mode) { 下面是进行判断,限制最小值为1 var x = $(obj).val(); if (this.reg(x)) { if (mode) { x++; } else { x--; }} 低于数值1时,判断提示,不能低于1,低于1时,提示请输入正确的数量 else { alert("请输入正确的数量!"); $(obj).val(1); $(obj).focus(); } return x; }, reduce: function (obj) { 判断提示,不能低于1 var x = this.amount(obj, false); if (x >= this.min) { $(obj).val(x); recalc();} 低于1时,提示商品数量最少为1 else {alert("商品数量最少为" + this.min); $(obj).val(1); $(obj).focus();}}, add: function (obj) { 下面是进行判断,限制最大值为999 var x = this.amount(obj, true); if (x <= this.max) { $(obj).val(x); recalc(); } 大于999时,提示商品数量最大为999 else {alert("商品数量最多为" + this.max); $(obj).val(999); $(obj).focus();}}, modify: function (obj) { var x = $(obj).val(); 大于数值999时,判断提示,不能大于999,大于999时,提示请输入正确的数量 if (x < this.min || x > this.max || !this.reg(x)) { alert("请输入正确的数量!"); $(obj).val(1); $(obj).focus();}}} 完成上面的这些步骤后就能完成,添加商品后价格,剩余数量的倍数。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190609181737498.png)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值