js input输入数量控制

<div class="w-number" >

<a class="w-number-btn w-number-btn-minus" pro="minus" href="javascript:void(0);">－</a>

<input class="w-number-input" pro="input" type="text" value="5">

<a class="w-number-btn w-number-btn-plus" pro="plus" href="javascript:void(0);">＋</a>

</div>

 

 

window.ONE_GOODS = { status : 1, period : 304080621, goods : { gid : 1851, gname : '平安金', price : 3688, buyable : true, buyUnit : 10 }, existingTimes : 3485 };

 

//数量输入框 window.ONE_GOODS var $numInput = $(".w-number-input"); var oBuyNum = parseInt($numInput.val()); //- $(".w-number-btn.w-number-btn-minus").click(function(){ var buyNum = $numInput.val() - $numInput.val() % ONE_GOODS.goods.buyUnit - ONE_GOODS.goods.buyUnit; oBuyNum = buyNum >= ONE_GOODS.goods.buyUnit ? buyNum : ONE_GOODS.goods.buyUnit; $numInput.val(oBuyNum); }); //+ $(".w-number-btn.w-number-btn-plus").click(function(){ var buyNum = parseInt($numInput.val()) - $numInput.val() % ONE_GOODS.goods.buyUnit + ONE_GOODS.goods.buyUnit; oBuyNum = buyNum <= ONE_GOODS.existingTimes ? buyNum : ONE_GOODS.existingTimes; $numInput.val(oBuyNum); }); //输入 $numInput.hover(function(){selectText($numInput[0],0,$numInput.val().length);},function(){}); $(".w-number-input").change(function(){ var buyNum = $numInput.val(); if(/^\d+$/.test(buyNum)){ if(buyNum < ONE_GOODS.goods.buyUnit){ oBuyNum = ONE_GOODS.goods.buyUnit; }else if( buyNum > ONE_GOODS.existingTimes){ oBuyNum = ONE_GOODS.existingTimes; }else if(buyNum%ONE_GOODS.goods.buyUnit > 0){ oBuyNum = buyNum > ONE_GOODS.goods.buyUnit ? buyNum - buyNum % ONE_GOODS.goods.buyUnit + ONE_GOODS.goods.buyUnit : ONE_GOODS.goods.buyUnit; } } $numInput.val(oBuyNum); });

转载于:https://www.cnblogs.com/mengwei-ziyun/p/5371325.html

相关资源：各显卡算力对照表！