以下は jquery を使用して実装されたコードです。 レンダリング: ソースコード: コードをコピー コードは次のとおりです: < ;html xmlns= "http://www.w3.org/1999/xhtml">JS 数量の加算と減算<br>$(function(){<br> $("#quantity ").keyup (function(){<br> if(isNaN($(this).val()) || parseInt($(this).val()) $(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> alter("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> 数量: - 合計価格: 28.10 ;/span>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
