下面编写一个添加购物车里面的数量,而总价格也跟着变化的案例。
商品单价:¥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();}}}
完成上面的这些步骤后就能完成,添加商品后价格,剩余数量的倍数。
