首页 > Web开发 > 详细

jquery实现加减商品数量

时间:2020-07-31 15:44:48      阅读:86      评论:0      收藏:0      [点我收藏+]

实现效果

技术分享图片

 

 代码

 <div class="content3">
                <span class="price">¥4,399</span>
                <div class="number">
                    <button id="reduce">-</button>
                    <span id="number">1</span>
                    <button id="plus">+</button>
                </div>
            </div>
 <script>
        $("#reduce").on("click", function() {
            var val = $("#number").text();
            if (val > 1) {
                $("#number").html(val - 1);
            }
        });
        $("#plus").on("click", function() {
            var val = $("#number").text();
            $("#number").html(parseInt(val) + 1);
        });
    </script>

 

jquery实现加减商品数量

原文:https://www.cnblogs.com/wangyuxue/p/13409745.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!