您的位置：首页 > Web前端 > HTML

关于input标签的type=‘number’不需要负数的总结

2017-11-29 16:54 411 查看
input自带加减操作小结：

一，我们都知道input自带对数字的加减操作，但是如果一直点击向下按钮，input的值会变成负数，如果实际开发当中要求避免负数该如何实现呢？下面是一个页面的input标签：

<input type="number" onclick="noFuc(this.value)" class="form-control" id="premium_Max" name="premiumMax" />

页面显示如下：


二，然后通过该input标签的点击事件会触发 noFuc( value)这个函数，并把选择的值传递过去，js函数代码如下：

function noFue(val){
document.getElementById('payCount_Max').value = val >= 0 ? val : 0;
}

通过获取到input的值，判断其是否大于0 如果小于0 就给该input赋值为0；



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                html
                                                input
                                                加减按钮
                                                避免负数
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航