php购物车数量加减代码,js实现购物车商品数量加减

本文实例为大家分享了js实现购物车商品数量加减的具体代码，供大家参考，具体内容如下

Html

-

+

CSS

.list a {

display: block;

margin: 30px;

padding: 0 20px;

height: 100px;

}

.list .list-img {

width: 180px;

height: 100px;

border-radius: 6px;

object-fit: cover;

}

.list .title {

font-size: 16px;

font-weight: bold;

white-space: nowrap;

text-overflow: ellipsis;

margin: 10px 0 0;

}

.list .content {

font-size: 14px;

line-height: 26px;

margin: 10px 0 0;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

}

Js

var num = 0;

// 对表单进行初始赋值

$('#exampleInputAmount').val(num);

// 点击添加时

function add() {

// 方法体

if (num >= 5) {

alert('最多可添加5个');

return;

}

num++;

console.log(num);

$('#exampleInputAmount').val(num);

}

// 点击删除时

function minus() {

if (num < 1) {

alert('已减到最低了');

return;

}

num--;

console.log(num);

$('#exampleInputAmount').val(num);

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。