ASP.NET前端开发商品数量加减

 HTML代码           

            <div class="goods-num" aria-disabled="true">
                
                <div class="text-muted">数量：</div>
                <div id="spSub" class="shopcart-add">-</div>
                <input type="text" id="buyNum" size="10" value="1" />
                <div id="spAdd" class="shopcart-minus">+</div>
            </div>

JS代码

        $(function () {
            $("#spAdd").bind("click", function () {
                console.log("spAdd");
                var num = parseInt($("#buyNum").val());
                if (isNaN(num) || num < 0) {
                    num = 0;
                }
                $("#buyNum").val(num + 1)
            });
            $("#spSub").bind("click", function () {
                console.log("spSub");
                var num = parseInt($("#buyNum").val()) - 1;
                if (num > 0) $("#buyNum").val(parseInt($("#buyNum").val()) - 1);
            });
        });

动态传参绑定OnClick事件

        function spAdd(ID, NumMax) {
            console.log("spAdd");
            var num = parseInt($("#" + ID).val());
            if (num >= NumMax) {
                return;
            }
            if (isNaN(num) || num < 0) {
                num = 0;
            } else if (num < 99) {
                $("#" + ID).val(num + 1)
            }
        }
        function spSub(ID) {
            console.log("spSub");
            var num = parseInt($("#" + ID).val()) - 1;
            if (num >= 0) $("#" + ID).val(parseInt($("#" + ID).val()) - 1);
        }

---

按钮的样式需要自己写