ホームページ  >  記事  >  php教程  >  jQueryで実装したショッピングカートの商品数を加算・減算する関数コード

jQueryで実装したショッピングカートの商品数を加算・減算する関数コード

高洛峰
高洛峰オリジナル
2016-12-06 16:02:002056ブラウズ

この記事の例では、jQuery で実装されたショッピング カートのアイテム数を加算および減算する関数について説明します。参考までに皆さんと共有してください。詳細は次のとおりです。

今日、ネチズンの崔爾さんは、Jquery を使用してショッピング カート内の商品数を加算および減算する特殊効果を実装する際に問題が発生し、後で私に質問しました。彼女がこの Jquery 特殊効果を解決するのを手伝ってくれたので、それをコンパイルして誰でも使えるように共有しました。この関数は比較的単純ですが、非常に実用的です。

主に以下の機能があります:

1.数量増加操作機能

3.数量が1と自動的に判断されると、減少操作ボタンが表示されます。クリック禁止

5. 小数点以下の桁数を保持するtoFixed()関数は非常に実用的です

$(function(){
//获得文本框对象
var t = $("#text_box");
//数量增加操作
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
setTotal();
})
//数量减少操作
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
setTotal();
})
//计算操作
function setTotal(){
$("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
}
//初始化
setTotal();
})

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。