實現簡單購物車功能

阿新 • • 發佈：2019-02-02

說明：選擇需要購買的物品，計算總價。

<!DOCTYPE html>
<html>
<head></body>
<link href="sohudiv.css" rel="stylesheet" type="text/css"/>
<script language="javascript" type="text/javascript">
function gouwu(obj){
    var fruits= document.getElementsByName("fruit");    
    var totalPrice=0 
;
    //遍歷所有的checkbox，計算新的總價
    for(var i=0;i<fruits.length;i++){
        //判斷是否選擇
        if(fruits[i].checked){
            totalPrice+=parseFloat(fruits[i].value);
        }
    }
    myspan.innerText=totalPrice+"元";    
}

function selectCheck(obj){
    var fruits=document.getElementsByName("fruit" 
);
    if(obj.innerText=='全選'){
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=true;
        }
    }else{
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=false;
        }
    }   
}

//響應複選框
function selectCheck2(){
    var fruits=document.getElementsByName("fruit" 
);
    if(myselect.checked){
        for(i=0;i<fruits.length;i++){
            fruits[i].checked=true;
        }       
    }else{
        for(i=0;i<fruits.length;i++){
        fruits[i].checked=false;
        }
    }
}
</script>
<body>
<h1>我的購物車</h1>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="10"/>蘋果10元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="20"/>香蕉20元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="30"/>西瓜30元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="40"/>栗子40元<br/>
<input type="checkbox" name="fruit" onclick="gouwu(this)" value="50"/>哈密瓜50元<br/>
<p>總價格是<span id="myspan">0元</span></p>
<a href="#" onclick="selectCheck(this)">全選</a>
<a href="#" onclick="selectCheck(this)">取消</a><br/>
<input type="checkbox" id="myselect" onclick="selectCheck2()"/>是否全選
</body>
</html>

實現簡單購物車功能

說明：選擇需要購買的物品，計算總價。 <!DOCTYPE html> <html> <head></body> <link href="sohud

Python Django實現簡單購物車功能

Django版本：1.11 作業系統：Windows Python：3.5 歡迎加入學習交流QQ群：657341423 這裡以淘寶為例這是一個商品的詳情，這裡有2個按鈕功能，一個是立即購買，一個加入購物車，兩者都是生成一個訂單，但兩者實現的方法是不相同的

Shell 實現簡單計算器功能

shell 計算器Shell 實現簡單計算器功能，腳本如下：[[email protected]/* */ scripts]# cat jisuan.sh #!/bin/bash print_usage(){ printf $"USAGE:$0 NUM1 {+|-|*|/} NUM2\n"

python實現簡單爬蟲功能

我們目錄 size .com all 本地文件使用 url alt 　在我們日常上網瀏覽網頁的時候，經常會看到一些好看的圖片，我們就希望把這些圖片保存下載，或者用戶用來做桌面壁紙，或者用來做設計的素材。　　我們最常規的做法就是通過鼠標右鍵，選擇另存為。但有些圖片鼠標右

在控件內實現簡單畫筆功能

box use from uic eve args class 窗體 down /// <summary> /// 實現窗體內簡單畫筆功能 /// </summary> public class DrawClass {

jQuery實現飛入購物車功能

jQuery要實現的效果：思路：點擊商品，圖片就會飛入購物車，不但變小，而且加入到購物車後消失了，不但如此，商品的圖片還在，所以我們使用克隆的方法，加入到購物車後清除購物車即可，然後購物車+1首先獲取商品圖片的位置及大小，並放到body上（否則飛入的時候看不到效果），然後獲取購物車的方位，最後使用動畫效果實

Python實現簡單爬蟲功能--批量下載百度貼吧裡的圖片

在上網瀏覽網頁的時候，經常會看到一些好看的圖片，我們就希望把這些圖片儲存下載，或者使用者用來做桌面桌布，或者用來做設計的素材。　　我們最常規的做法就是通過滑鼠右鍵，選擇另存為。但有些圖片滑鼠右鍵的時候並沒有另存為選項，還有辦法就通過就是通過截圖工具擷取下來，但這樣就降低圖片的清晰度

用Java Map相關知識實現簡易購物車功能

實現購物車功能問題：實現一個購物車功能分析：要實現這個功能，可以建立三個類，分別是Product商品類，ShopCart購物車類，Exercise測試類。Product類，裡面描述商品的一些基本屬性，編號，名稱，單價。下面演示如何用程式碼實現需求。先定義一個商品類。 package

小Dome06:實現JD購物車功能

底層build.gradle ext{ retrofitVersion = '2.4.0' rxandroid = '2.1.0' butterknife = '8.8.1' okhttp = '3.11.0' } 繼承base 本app

JS 實現簡單計算器功能

// if(symbol != null){ console.log(aNum, bNum); getResult(symbol, aNum, bNum); show.innerHTML = result;

利用ThinkPhp5來實現簡單註冊功能

利用ThinkPhp5來實現簡單註冊功能 1，首先在登入介面index.html上增加一個註冊buuton， Index.html介面： 2.註冊button按鈕跳轉到controller中Register.php檔案的register方法裡，利用fetch方法來渲染註冊介面。 R

vue實現簡單購物車

效果圖如下比較醜哈哈。。程式碼如下 <template> <div class="user"> <div><input type="checkbox" v-model="checkAll" @click="ch

利用tkinter實現簡單計算器功能（不使用eval函式）

利用tkinter實現簡單計算器功能（不使用eval函式）一、思路 tkinter：佈置主介面；上部為數字顯示介面；下部為數字鍵與功能鍵介面；邏輯：程式只考慮兩個運算元進行計算的情況，不考慮複雜情況展示：

JS實現簡單loading功能頁面

php實現簡單記事本功能

首先先做個html網頁表單程式碼=》 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-

用List實現簡單購物車類

import java.util.ArrayList; import java.util.List; import javax.servlet.http.HttpSession; /** * 購物車 * 現實中是用籃子或車來裝商品的 * 好比記憶體中的List

利用Html+JavaScript實現簡單購物車

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Shopping Car</title> <scr

Session實現簡單購物車

主要用於對Session物件的使用，大致過程由建立到銷燬，即購物車的加入商品和清除購物車等一系列動作。Image類實現動態驗證碼。（原始碼可以直接使用，注意路徑問題） Image類實現驗證碼功能 package com.ayit.session; import

一起學react native實現簡單購物車

前言實現比較簡單的購物車例項http://www.jianshu.com/p/c581c48a601f 這裡寫圖片描述程式碼程式碼結構這裡寫圖片描述紅色部分儲存了listitem的資料跟檢視黃色部分是對於其的引用主體實現部分這裡

android利用Intent.ACTION_SEND實現簡單分享功能

android中，利用Intent.ACTION_SEND可以實現簡單“分享”功能，可以分享文字、圖片等到其他應用，像微信、QQ、簡訊等。 MainActivity.java檔案： package com.example.androidtest; import java

實現簡單購物車功能

相關推薦