JavaScript代码:
<script type="text/javascript">
//购买数量,失去焦点
function blurFn(){
var domByNum = document.getElementById("buyNum");
var num = domByNum.value;
//isNaN不是数字,包含小数
if(isNaN(num)){
domByNum.value = 1;
return;
}
//${article.storage}表示库存
domByNum.value = Math.ceil(num) <1 ? 1: (Math.ceil(num) > "${article.storage}" ? "${article.storage}" : Math.ceil(num))
}
//1:减 2:加
function numFun(level){
var domByNum = document.getElementById("buyNum");
var num = domByNum.value;
num = parseInt(num);
switch (level) {
case 1:
domByNum.value = num <= 1 ? 1 :(num-1);
break;
case 2:
domByNum.value = num +1 > "${article.storage}" ? "${article.storage}" : num+1;
break;
}
}
</script>
HTML代码:
<a class="reduce" onclick="numFun(1);" href="javascript:void(0);">-</a>
<!-- 购买书的数量 -->
<input value="1" id="buyNum" name="buyNum" onblur="blurFn();" type="text" />
<a class="add" onclick="numFun(2);" href="javascript:void(0);">+</a>