点击加减号改变input值

样例
在这里插入图片描述
点击上按钮 数量增加
点击下按钮数量减少但不能为负数
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">
			件  &nbsp;&nbsp;&nbsp;库存<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);//将增加后的值付给原控件
			}
		
		});
	});

猜你喜欢

转载自blog.csdn.net/Too_sober/article/details/89519772