ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでショッピングカート内の複数商品の数量の加減算と合計金額計算を実装します_jquery

jQueryでショッピングカート内の複数商品の数量の加減算と合計金額計算を実装します_jquery

WBOY
リリース: 2016-05-16 16:45:48
オリジナル
1368 人が閲覧しました
コードをコピー コードは次のとおりです:




jQuery は、ショッピング カート内の複数のアイテムの合計価格の計算を実装します

<script> { <br> $(".add").click(function(){ <br>var t=$(this).parent().find('input[class*=text_box]'); <br>t .val(parseInt (t.val()) 1) <br>setTotal(); <br>}) <br>$(".min").click(function(){ <br>var t=$( this).parent ().find('input[class*=text_box]'); <br>t.val(parseInt(t.val())-1) <br>if(parseInt(t.val()) )<br>t.val(0); <br>setTotal(); <br>}) <br>関数 setTotal(){ <br>var s=0; >$(" #tab td").each(function(){ <br>s =parseInt($(this).find('input[class*=text_box]').val())*parseFloat($( this).find ('span[class*=price]').text()); <br>$("#total").html(s.toFixed(2)); >} <br>setTotal(); <br><br>}) <br></script>
">


単価:1.50







単価:
<入力クラス= "min" name=" " type="button" value="-" />
>

🎜>

合計金額:


>
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート