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

高洛峰
リリース: 2016-12-06 16:02:00
オリジナル
2021 人が閲覧しました

この記事の例では、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();
})
ログイン後にコピー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!