以下是使用jquery實作的程式碼。 效果圖： 原始碼： 複製程式碼 程式碼如下: 程式碼如下: js數量加減 script><BR><script type="text/javascript"><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()); $("#totalPrice").html(total.toFixed(2));<P> })<BR><BR>})<BR> <BR>/*商品數量1*/<BR>function numAdd(){<BR> var num_add = parseInt($("#quantity").val()) 1;<BR> if($("#quantity ").val()==""){<BR> num_add = 1;<BR> } $("#quantity").val(num_add);<P> var total = parseFloat($(" #price").val())*parseInt($("#quantity").val());<BR> $("#totalPrice").html(total.toFixed(2));<BR>} <BR> <BR>/*商品數量-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); var total = parseFloat($("#price").val())*parseInt($("#quantity").val());<P> $("#totalPrice").html(total.toFixed (2));<BR> }}<P> <BR> Quantity: - Total Price: 28.10
