其他分享
首页 > 其他分享> > js商品详情购买页增减数量

js商品详情购买页增减数量

作者:互联网

    <script type="text/javascript">
        //获取加号按钮
        var plus = document.getElementById('plus');
        //绑定事件
        plus.onclick = function(){
            //事件函数中:
            //获取输入框的value值
            var input = document.getElementById('number');
            var number = parseInt( input.value );
            // console.log(typeof number);
            // value值 +1
            // number++;
            number += 1; // number = number + 1;
            // 将新的数量 放到input的value值上
            input.value = number;
        }
        
        

        //获取减号按钮
        var mins = document.getElementById('mins');
        //绑定事件
        mins.onclick = function(){
            //事件函数中:
            //获取输入框的value值(获取输入框,再获取value)
            var input = document.getElementById('number');
            var number = parseInt( input.value );
            if(number == 1){
                return;
            }
            // if(number == 1) 
            //     return;
            // value值 -1
            number--;
            // number -= 1;
            // 将新的数量 放到input的value值上
            input.value = number;
        }
        
        
    </script>

 

标签:number,value,js,getElementById,详情,增减,var,input,document
来源: https://www.cnblogs.com/dazahui/p/14423284.html