简单JQuery实现的加减按钮

 <input style="font-size: 10px;width: 10px;" type="button" class="fl rate_ul_r_jian" value="-"></input>
 <input style="font-size: 10px;width: 20px;" class="rate_ul_r_input" type="text" name="goodmount" id="goodmount" value=0><span class="rate_ul_r_icon"></span>
 <input style="font-size: 10px;width: 10px;" type="button" class="fr rate_ul_r_jia" value="+"></input>



    $(function () {
             //加减
        $(".rate_ul_r_jian").click(function(){
            var values=$(this).siblings(".rate_ul_r_input");
            var valuesNumber=parseFloat(values.val());
            if(valuesNumber==NaN){
                values.val(0);
                
            }else{
                if(valuesNumber<1){
                    values.val(0);
                }else{
                    values.val(valuesNumber-1);
                }
            }
        });
        $(".rate_ul_r_jia").click(function(){
            var values=$(this).siblings(".rate_ul_r_input");
            var valuesNumber=parseFloat(values.val());
            if(valuesNumber==NaN){
                values.val(0);
                
            }else{
                if(valuesNumber>=1000000){
                    values.val(1000000);
                }else{
                    values.val(valuesNumber+1);
                }
            }
        });
    });

你可能感兴趣的:(简单JQuery实现的加减按钮)