購物車商品價格計算

2021-08-03 11:01:21 字數 1465 閱讀 9477

多組商品**計算

html:

id="list" >

type="button"

value="-"

id="j">

0strong>

type="button"

value="+"

id="jia">

單價:12.5元em>

合計:0span>

li>

type="button"

value="-">

0strong>

type="button"

value="+">

單價:8.5元em>

合計:0元span>

li>

type="button"

value="-">

0strong>

type="button"

value="+">

單價:5元em>

合計:0元span>

li>

ul>

js:

// 重用**:

// 1、盡量保證html**結構一致,可以通過父級選取子元素

// 2、把核心主程式實現,用函式包起來

// 3、把每組裡不同的值找出來,通過傳參實現

window.onload = function

() str.innerhtml = n1;//把自增的數字放到標籤內

span.innerhtml = n1*n2 + '元';

}btn[0].onclick = function

() str.innerhtml = n1;//把自增的數字放到標籤內

span.innerhtml = n1*n2 + '元';}}

}

注意:

1、從html中獲取的任何值都是字串型別,根據需要,我們要把它轉化成數字型。

var n1 = str.innerhtml;//動態獲取購物車商品數量,從html中獲取的任何值都是字串型別 '0'

var n1 = number(str.innerhtml); //因為我們不要字串,所以要把字串轉換成數字0

var n2 = em.innerhtml;//'12.5元'  獲得的是字串,我們要把它轉換成浮點型

var n2 = parsefloat(em.innerhtml); 轉換成小數即'12.5元'=> 12.5

修改商品價格

author jonathon software pycharm community edition time 2017 10 2915 53 import json new product mod product data while true selected input add 新增商品,mo...

2019 04 09 電商22 移除購物車商品

最開始的時候有設定有isdelete 這個字段 現在想要刪除,將字段改為true就可以了 如何修改呢?當我點選的時候,要傳送ajax請求,然後在函式中處理 isdelete 只是乙個小字段而已,為什麼是true的時候,就可以顯示這個資料,而算是隱藏了呢 但當我在新增更新的是後,如果已經存在,更新is...

vue實現購物車商品單選 全選及商品數量和總價計算

vue實現購物車商品單選 全選及商品數量和總價計算 購物車商品 show line true content 商品總數 th 商品總價 th v model allchecked type checkbox click checkall 全選 th tr thead v for item,index...