ショッピングカートにはそのような機能がある場合があります。つまり、ボタンをクリックすると商品の数を増減したり、商品の合計価格をリアルタイムで計算したりできます。 以下は実装方法を紹介するコード例です。もちろん、このシミュレーションによって実装されたショッピング カートは実現が困難ですが、そこからインスピレーションや関連知識を得ることができます。コードは次のとおりです。
<頭>
スクリプト ホーム
<スクリプトタイプ="text/javascript">
$(関数(){
$(".add").click(function(){
var t=$(this).parent().find('input[class*=text_box]');
t.val(parseInt(t.val()) 1)
setTotal();
})
$(".min").click(function(){
var t=$(this).parent().find('input[class*=text_box]');
t.val(parseInt(t.val())-1)
If(parseInt(t.val())
t.val(0);
}
setTotal();
})
関数 setTotal(){
var s=0;
$("#tab td").each(function(){
s =parseInt($(this).find('input[class*=text_box]').val())
*parseFloat($(this).find('span[class*=price]').text());
});
$("#total").html(s.toFixed(2));
}
setTotal();
})
