商品数量+1-1跟修改数据前端jsp的代码方法

最新推荐文章于 2023-02-25 14:28:33 发布

Lord_zang

最新推荐文章于 2023-02-25 14:28:33 发布

阅读量740

点赞数

本文链接：https://blog.csdn.net/Lord_zang/article/details/102818237

版权

在这里插入图片描述
如这种类型可以+1 -1跟修改数值
这是jsp中的内容

<input type="hidden" value="${cart.cartId}">
                    <input type="button" value="-" class="jj_btn" onclick="numberreduce(this)"/>
                    <input type="text" value="${cart.nums}" class="number" id="${cart.cartId}"/>
                    <input type="button" value="+" class="jj_btn" onclick="numberadd(this)"/>
                    <input type="hidden" value="${cart.cartId}">

加一减一的这边用传自己的参数获取上一个下一个的值当时没有想到id的方法所以还可以优化
修改值就是用class直接获取当前的id value直接修改

 <script type="text/javascript">
        $(".number").on("change",function () {
            var id=this.id;
            var nums=this.value;
            $.ajax({
                url:"${pageContext.request.contextPath}/clothes/setCartnums.do",
                type:"post",
                dataType:"json",
                async:true,
                data:{
                    cartId:id,
                    nums:nums
                },
                success:function () {
                    window.location.href="${pageContext.request.contextPath}/clothes/findCart.do"
                }
            })
        });
        function numberreduce(o) {
            if (parseInt($(o).next().val())<=1){
                return
            }
            $(o).next().val(parseInt($(o).next().val())-1);
            var nums=parseInt($(o).next().val());
            var cartId=$(o).prev().val();
            $.ajax({
                url:"${pageContext.request.contextPath}/clothes/setCartnums.do",
                type:"post",
                dataType:"json",
                async:true,
                data:{
                    cartId:cartId,
                    nums:nums
                },
                success:function () {
                    window.location.href="${pageContext.request.contextPath}/clothes/findCart.do"
                }
            })
        }
        function numberadd(o) {
            $(o).prev().val(parseInt($(o).prev().val())+1);
            var nums=parseInt($(o).prev().val());
            var cartId=$(o).next().val();
            $.ajax({
                url:"${pageContext.request.contextPath}/clothes/setCartnums.do",
                type:"post",
                dataType:"json",
                async:true,
                data:{
                    cartId:cartId,
                    nums:nums
                },
                success:function () {
                    window.location.href="${pageContext.request.contextPath}/clothes/findCart.do"
                }
            })
        }
    </script>