一般在商城网站,下单商品时,商品数量可以点击加减符号对数量进行增加和减少。这个用js可以实现,下面介绍下:
代码如下
<div class="item">
购买数量:
<div class="buynum">
<a href="javascript:void(0);" class="jx">-</a>
<input id="age" name="buynum" min="1" max="10" size="3" step="1" value="1" type="text">
<a href="javascript:void(0);" class="zd">+</a>
</div>
</div>
<script src="js/jquery.js"></script>
<script>
$(".zd").click(function(){
var buynum = $(this).parent().find('input');
var newnum = parseInt(buynum.val())+1;
buynum.val(newnum);
});
$(".jx").click(function(){
var buynum = $(this).parent().find('input');
var newnum = parseInt(buynum.val())-1;
if(newnum < 1){
newnum = 1;
}
buynum.val(newnum);
});
</script>
注意:parseInt()函数是将字符串转为整型数字。

