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>

 

上一篇:js实现element中可清空的输入框(1)


下一篇:EL和JSTL的应用之项目优化