样例
点击上按钮 数量增加
点击下按钮数量减少但不能为负数
html
<label for="" class="label1">兑换数量:</label>
<input type="text" class="inputs" id="num" value="0">
<span class="num">
<a class="up" id="max"></a>
<a class="down" id="min"></a>
</span>
<div class="count">
件 库存<span>1234561</span>件
</div>
css
.label1,.inputs,.num,.count{
display: inline-block;
}
.num{
width: 20px;
height: 30px;
vertical-align: middle;
}
.up{
width: 20px;
height: 15px;
display: block;
background: url('public/assets/images/integral/tjsz.jpg') no-repeat;
background-position: 0px 0px;
}
.down{
width: 20px;
height: 15px;
display: block;
background: url('public/assets/images/integral/tjsz.jpg') no-repeat;
background-position: 0px -16px;
}
js
$(document).ready(function(){
/*加一减一按钮*/
$("#max").click(function(){
var oldValue=parseInt($('#num').val());//取出现在的值,并使用parseInt转为int类型数据
oldValue++;//自加1
$('#num').val(oldValue);//将增加后的值付给原控件
});
$("#min").click(function(){
var oldValue=parseInt($('#num').val());//取出现在的值,并使用parseInt转为int类型数据
if(oldValue==0){
return;
}else{
oldValue--;//自加1
$('#num').val(oldValue);//将增加后的值付给原控件
}
});
});