一般在商城网站,下单商品时,商品数量可以点击加减符号对数量进行增加和减少。这个用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()函数是将字符串转为整型数字。