宝贝腿开大点我添添公视频免,妇女性内射冈站hdwwwooo,国产av午夜精品一区二区三

商品單價(jià)：￥20.00<\/span><\/p> \r\n <\/div> \r\n \r\n \r\n \r\n \r\n \r\n <\/label> \r\n -<\/button> \r\n \r\n +<\/button> \r\n <\/div> \r\n

商品單價(jià)：￥9.90<\/span><\/p> \r\n <\/div> \r\n \r\n \r\n \r\n \r\n \r\n <\/label> \r\n -<\/button> \r\n \r\n +<\/button> \r\n <\/div> \r\n

商品單價(jià)：￥10.00<\/span><\/p> \r\n <\/div> \r\n \r\n \r\n \r\n 店鋪全選 <\/label> \r\n

本店合計(jì)：￥0<\/span><\/p> \r\n <\/div> \r\n <\/div> \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n <\/label> \r\n -<\/button> \r\n \r\n +<\/button> \r\n <\/div> \r\n

商品單價(jià)：￥30.00<\/span><\/p> \r\n <\/div> \r\n \r\n \r\n \r\n \r\n \r\n <\/label> \r\n -<\/button> \r\n \r\n +<\/button> \r\n <\/div> \r\n

商品單價(jià)：￥20.00<\/span><\/p> \r\n <\/div> \r\n \r\n \r\n \r\n 店鋪全選 <\/label> \r\n

本店合計(jì)：￥0<\/span><\/p> \r\n <\/div> \r\n <\/div> \r\n \r\n \r\n \r\n 全選 <\/label> \r\n

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

ホームページ

php教程

PHP開(kāi)發(fā)

jqueryのショッピングカート決済機(jī)能の実裝方法

高洛峰

Dec 03, 2016 pm 02:58 PM

jquery

特定のコード:

<!DOCTYPE html> 
<html lang="en"> 
  
<head> 
 <meta charset="utf-8"> 
 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 <title>購(gòu)物車(chē)結(jié)算</title> 
 <meta name="description" content=""> 
 <meta name="keywords" content=""> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> 
 <meta name="format-detection" content="telephone=no" /> 
 <meta name="renderer" content="webkit"> 
 <!--<![endif]-->
 <meta name="apple-mobile-web-app-capable" content="yes"> 
 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
 <style> 
 .shop-total, 
 .all-total { 
 height: 50px; 
 line-height: 50px; 
 font-weight: bold; 
 color: #f00; 
 float: left; 
 } 
  
 .one-shop, 
 .all-total, 
 .shop-total { 
 width: 400px; 
 } 
  
 p { 
 margin: 0; 
 } 
  
 .goods-check { 
 width: 25px; 
 height: 25px; 
 margin-top: 5px; 
 } 
  
 .goods-msg, 
 p, 
 label { 
 float: left; 
 } 
 </style> 
</head> 
  
<body> 
 <!-- 一個(gè)店鋪 -->
 <div class="one-shop"> 
 <!-- 一個(gè)商品 -->
 <div class="one-goods"> 
  <div class="goods-msg"> 
  <label for=""> 
   <input type="checkbox" class="goods-check GoodsCheck"> 
  </label> 
  <button type="button" class="minus">-</button> 
  <input type="text" class="am-num-text" value="1" /> 
  <button type="button" class="plus">+</button> 
  </div> 
  <p>商品單價(jià)：￥<span class="shop-total-amount GoodsPrice">20.00</span></p> 
 </div> 
 <!-- 一個(gè)商品 -->
 <div class="one-goods"> 
  <div class="goods-msg"> 
  <label for=""> 
   <input type="checkbox" class="goods-check GoodsCheck"> 
  </label> 
  <button type="button" class="minus">-</button> 
  <input type="text" class="am-num-text" value="1" /> 
  <button type="button" class="plus">+</button> 
  </div> 
  <p>商品單價(jià)：￥<span class="shop-total-amount GoodsPrice">9.90</span></p> 
 </div> 
 <!-- 一個(gè)商品 -->
 <div class="one-goods"> 
  <div class="goods-msg "> 
  <label for=""> 
   <input type="checkbox" class="goods-check GoodsCheck"> 
  </label> 
  <button type="button" class="minus">-</button> 
  <input type="text" class="am-num-text" value="1" /> 
  <button type="button" class="plus">+</button> 
  </div> 
  <p>商品單價(jià)：￥<span class="shop-total-amount GoodsPrice">10.00</span></p> 
 </div> 
 <!-- 店鋪合計(jì) -->
 <div class="shop-total"> 
  <label for=""> 
  <input type="checkbox" class="goods-check ShopCheck">店鋪全選 </label> 
  <p>本店合計(jì)：￥<span class="shop-total-amount ShopTotal">0</span></p> 
 </div> 
 </div> 
 <!-- 一個(gè)店鋪 -->
 <div class="one-shop"> 
 <!-- 一個(gè)商品 -->
 <div class="one-goods"> 
  <div class="goods-msg"> 
  <label for=""> 
   <input type="checkbox" class="goods-check GoodsCheck"> 
  </label> 
  <button type="button" class="minus">-</button> 
  <input type="text" class="am-num-text" value="1" /> 
  <button type="button" class="plus">+</button> 
  </div> 
  <p>商品單價(jià)：￥<span class="shop-total-amount GoodsPrice">30.00</span></p> 
 </div> 
 <!-- 一個(gè)商品 -->
 <div class="one-goods"> 
  <div class="goods-msg"> 
  <label for=""> 
   <input type="checkbox" class="goods-check GoodsCheck"> 
  </label> 
  <button type="button" class="minus">-</button> 
  <input type="text" class="am-num-text" value="1" /> 
  <button type="button" class="plus">+</button> 
  </div> 
  <p>商品單價(jià)：￥<span class="shop-total-amount GoodsPrice">20.00</span></p> 
 </div> 
 <!-- 店鋪合計(jì) -->
 <div class="shop-total"> 
  <label for=""> 
  <input type="checkbox" class="goods-check ShopCheck">店鋪全選 </label> 
  <p>本店合計(jì)：￥<span class="shop-total-amount ShopTotal">0</span></p> 
 </div> 
 </div> 
 <!-- 總計(jì) -->
 <div class="all-total"> 
 <label for=""> 
  <input type="checkbox" class="goods-check" id="AllCheck">全選 </label> 
 <p>總價(jià)合計(jì)：￥<span class="shop-total-amount" id="AllTotal">0</span></p> 
 </div> 
 <script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> 
 <script> 
 // 數(shù)量減 
 $(".minus").click(function() { 
 var t = $(this).parent().find(&#39;.am-num-text&#39;); 
 t.val(parseInt(t.val()) - 1); 
 if (t.val() <= 1) { 
  t.val(1); 
 } 
 TotalPrice(); 
 }); 
 // 數(shù)量加 
 $(".plus").click(function() { 
 var t = $(this).parent().find(&#39;.am-num-text&#39;); 
 t.val(parseInt(t.val()) + 1); 
 if (t.val() <= 1) { 
  t.val(1); 
 } 
 TotalPrice(); 
 }); 
 // 點(diǎn)擊商品按鈕 
 $(".GoodsCheck").click(function() { 
 var goods = $(this).closest(".one-shop").find(".GoodsCheck"); //獲取本店鋪的所有商品 
 var goodsC = $(this).closest(".one-shop").find(".GoodsCheck:checked"); //獲取本店鋪所有被選中的商品 
 var Shops = $(this).closest(".one-shop").find(".ShopCheck"); //獲取本店鋪的全選按鈕 
 if (goods.length == goodsC.length) { //如果選中的商品等于所有商品 
  Shops.prop(&#39;checked&#39;, true); //店鋪全選按鈕被選中 
  if ($(".ShopCheck").length == $(".ShopCheck:checked").length) { //如果店鋪被選中的數(shù)量等于所有店鋪的數(shù)量 
  $("#AllCheck").prop(&#39;checked&#39;, true); //全選按鈕被選中 
  TotalPrice(); 
  } else { 
  $("#AllCheck").prop(&#39;checked&#39;, false); //else全選按鈕不被選中 
  TotalPrice(); 
  } 
 } else { //如果選中的商品不等于所有商品 
  Shops.prop(&#39;checked&#39;, false); //店鋪全選按鈕不被選中 
  $("#AllCheck").prop(&#39;checked&#39;, false); //全選按鈕也不被選中 
  // 計(jì)算 
  TotalPrice(); 
  // 計(jì)算 
 } 
 }); 
 // 點(diǎn)擊店鋪按鈕 
 $(".ShopCheck").change(function() { 
 if ($(this).prop("checked") == true) { //如果店鋪按鈕被選中 
  $(this).parents(".one-shop").find(".goods-check").prop(&#39;checked&#39;, true); //店鋪內(nèi)的所有商品按鈕也被選中 
  if ($(".ShopCheck").length == $(".ShopCheck:checked").length) { //如果店鋪被選中的數(shù)量等于所有店鋪的數(shù)量 
  $("#AllCheck").prop(&#39;checked&#39;, true); //全選按鈕被選中 
  TotalPrice(); 
  } else { 
  $("#AllCheck").prop(&#39;checked&#39;, false); //else全選按鈕不被選中 
  TotalPrice(); 
  } 
 } else { //如果店鋪按鈕不被選中 
  $(this).parents(".one-shop").find(".goods-check").prop(&#39;checked&#39;, false); //店鋪內(nèi)的所有商品也不被全選 
  $("#AllCheck").prop(&#39;checked&#39;, false); //全選按鈕也不被選中 
  TotalPrice(); 
 } 
 }); 
 // 點(diǎn)擊全選按鈕 
 $("#AllCheck").click(function() { 
 if ($(this).prop("checked") == true) { //如果全選按鈕被選中 
  $(".goods-check").prop(&#39;checked&#39;, true); //所有按鈕都被選中 
  TotalPrice(); 
 } else { 
  $(".goods-check").prop(&#39;checked&#39;, false); //else所有按鈕不全選 
  TotalPrice(); 
 } 
 $(".ShopCheck").change(); //執(zhí)行店鋪全選的操作 
 }); 
  
 function TotalPrice() { 
 var allprice = 0; //總價(jià) 
 $(".one-shop").each(function() { //循環(huán)每個(gè)店鋪 
  var oprice = 0; //店鋪總價(jià) 
  $(this).find(".GoodsCheck").each(function() { //循環(huán)店鋪里面的商品 
  if ($(this).is(":checked")) { //如果該商品被選中 
   var num = parseInt($(this).parents(".one-goods").find(".am-num-text").val()); //得到商品的數(shù)量 
   var price = parseFloat($(this).parents(".one-goods").find(".GoodsPrice").text()); //得到商品的單價(jià) 
   var total = price * num; //計(jì)算單個(gè)商品的總價(jià) 
   oprice += total; //計(jì)算該店鋪的總價(jià) 
  } 
  $(this).closest(".one-shop").find(".ShopTotal").text(oprice.toFixed(2)); //顯示被選中商品的店鋪總價(jià) 
  }); 
  var oneprice = parseFloat($(this).find(".ShopTotal").text()); //得到每個(gè)店鋪的總價(jià) 
  allprice += oneprice; //計(jì)算所有店鋪的總價(jià) 
 }); 
 $("#AllTotal").text(allprice.toFixed(2)); //輸出全部總價(jià) 
 } 
 </script> 
</body> 
  
</html>

このウェブサイトの聲明

この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見(jiàn)つけた場(chǎng)合は、admin@php.cn までご連絡(luò)ください。

ホットAIツール

Video Face Swap

完全無(wú)料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

もっと見(jiàn)る

ホットツール

ホットトピック

Laravel チュートリアル

1601

PHP チュートリアル

1502

276

もっと見(jiàn)る

Related knowledge

jQueryのリファレンスメソッドを詳しく解説：クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQuery 參照方法の詳細(xì)説明: クイックスタートガイド jQuery は、Web サイト開(kāi)発で広く使用されている人気のある JavaScript ライブラリであり、JavaScript プログラミングを簡(jiǎn)素化し、開(kāi)発者に豊富な機(jī)能を提供します。この記事では、jQuery の參照方法を詳しく紹介し、読者がすぐに使い始めるのに役立つ具體的なコード例を示します。 jQuery の導(dǎo)入まず、HTML ファイルに jQuery ライブラリを?qū)毪工氡匾ⅳ辘蓼埂?CDN リンクを通じて導(dǎo)入することも、ダウンロードすることもできます

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQuery で PUT リクエストを送信する方法は、他のタイプのリクエストを送信する方法と似ていますが、いくつかの詳細(xì)とパラメータ設(shè)定に注意する必要があります。 PUT リクエストは通常??、データベース內(nèi)のデータの更新やサーバー上のファイルの更新など、リソースを更新するために使用されます。以下は、jQuery の PUT リクエストメソッドを使用した具體的なコード例です。まず、jQuery ライブラリファイルが含まれていることを確認(rèn)してから、$.ajax({u

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開(kāi)発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場(chǎng)合、ページ內(nèi)のすべての a タグのテキストコンテンツを一度に変更する必要がある場(chǎng)合があります。これにより、時(shí)間と労力を節(jié)約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具體的なコード例を紹介します。まず、jQuery ライブラリファイルを?qū)毪?、次のコードがページに導(dǎo)入されていることを確認(rèn)する必要があります: &lt

jQuery を使用してすべての a タグのテキストコンテンツを変更する Feb 28, 2024 pm 05:42 PM

タイトル: jQuery を使用して、すべての a タグのテキストコンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開(kāi)発では、ページ上のリンクタグ (タグ) のテキストコンテンツを変更する必要が生じることがよくあります。この記事では、この目標(biāo)を達(dá)成するために jQuery を使用する方法を説明し、具體的なコード例を示します。まず、jQuery ライブラリをページに導(dǎo)入する必要があります。 HTML ファイルに次のコードを追加します。

jQueryで要素の高さ屬性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ屬性を削除するにはどうすればよいですか?フロントエンド開(kāi)発では、要素の高さ屬性を操作する必要が生じることがよくあります。要素の高さを動(dòng)的に変更する必要がある場(chǎng)合や、要素の高さ屬性を削除する必要がある場(chǎng)合があります。この記事では、jQuery を使用して要素の高さ屬性を削除する方法と、具體的なコード例を紹介します。 jQuery を使用して高さ屬性を操作する前に、まず CSS の高さ屬性を理解する必要があります。 height 屬性は要素の高さを設(shè)定するために使用されます

jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery は、Web ページでの DOM 操作やイベント処理を処理するために広く使用されている人気のある JavaScript ライブラリです。 jQueryではeq()メソッドを利用して指定したインデックス位置の要素を選択しますが、具體的な使い方と応用シーンは以下の通りです。 jQuery では、 eq() メソッドは、指定されたインデックス位置にある要素を選択します。インデックス位置は 0 からカウントされます。つまり、最初の要素のインデックスは 0、2 番目の要素のインデックスは 1 などとなります。 eq() メソッドの構(gòu)文は次のとおりです。 $("s

jQueryを使用してテーブルに新しい行を追加する方法の紹介 Feb 29, 2024 am 08:12 AM

jQuery は、Web 開(kāi)発で広く使用されている人気の JavaScript ライブラリです。 Web 開(kāi)発中は、JavaScript を使用してテーブルに新しい行を動(dòng)的に追加することが必要になることがよくあります。この記事では、jQuery を使用してテーブルに新しい行を追加する方法を紹介し、具體的なコード例を示します。まず、jQuery ライブラリを HTML ページに導(dǎo)入する必要があります。 jQuery ライブラリは、次のコードを通じてタグに導(dǎo)入できます。

jQuery 要素に特定の屬性があるかどうかを確認(rèn)するにはどうすればよいですか? Feb 29, 2024 am 09:03 AM

jQuery 要素に特定の屬性があるかどうかを確認(rèn)するにはどうすればよいですか? jQuery を使用して DOM 要素を操作する場(chǎng)合、要素に特定の屬性があるかどうかを判斷する必要がある狀況がよく発生します。この場(chǎng)合、jQuery が提供するメソッドを使用してこの関數(shù)を簡(jiǎn)単に実裝できます。以下では、jQuery 要素が特定の屬性を持つかどうかを判斷するために一般的に使用される 2 つの方法を紹介し、具體的なコード例を添付します。方法 1: attr() メソッドと typeof 演算子 // を使用して、要素に特定の屬性があるかどうかを判斷します

See all articles

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jqueryのショッピングカート決済機(jī)能の実裝方法

ホットAIツール

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中國(guó)語(yǔ)版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック