下面是使用jquery实现的代码。 效果图： 源码： 复制代码 代码如下: js数量加减<br>$(function(){<br> $("#quantity").keyup(function(){<br> if(isNaN($(this).val()) || parseInt($(this).val())<1){<br> $(this).val("1");<br> $("#totalPrice").html($("#price").val());<br> return;<br> }<br> var total = parseFloat($("#price").val())*parseInt($(this).val());<br> $("#totalPrice").html(total.toFixed(2));<br> })<br><br>}) <p>/*商品数量 1*/<br>function numAdd(){<br> var num_add = parseInt($("#quantity").val()) 1;<br> if($("#quantity").val()==""){<br> num_add = 1;<br> }<br> $("#quantity").val(num_add);<br> var total = parseFloat($("#price").val())*parseInt($("#quantity").val());<br> $("#totalPrice").html(total.toFixed(2));<br>}</p> <p>/*商品数量-1*/<br>function numDec(){<br> var num_dec = parseInt($("#quantity").val())-1;<br> if(num_dec<1){<br> //购买数量必须大于或等于1<br> alert("not lt 1");<br> }else{<br> $("#quantity").val(num_dec);<br> var total = parseFloat($("#price").val())*parseInt($("#quantity").val());<br> $("#totalPrice").html(total.toFixed(2));<br> }<br>}</p> <p> Quantity: - Total Price: 28.10
