首頁猿問如何使用 Javascript...

如何使用 Javascript 將不同輸入的值相乘以獲得總計？

JavaScript

慕哥6287543 2022-09-23 16:14:38

我正在嘗試做一個購物車，我希望在輸入數(shù)量后自動更改總計（總計是價格乘以數(shù)量）。我正在嘗試使用Javascript來實現(xiàn)這一點，我似乎無法得到它，因為它正在提出空值，并且在它說NaN之前。PS：目前它是一個控制臺日志，只是為了看看它是否有效，但我需要它進入總輸入標簽。網(wǎng)頁：<input id="price" type="text" readonly value="$18.95"><input id="quantity" type="text" value="1" onchange="calcTotal()"><input id="total" type="text" readonly value="$18.95">腳本：function calcTotal() { var price = document.getElementById("price").value; var quantity = document.getElementById("quantity").value; var total = price * quantity; console.log(total);}

查看完整描述

2 回答

回首憶惘然

TA貢獻1847條經(jīng)驗獲得超11個贊

試試這個：

function calcTotal() {

// remove $ sign and parse Float price

var price = parseFloat(document.getElementById("price").value.substr(1));

// parse float quantity

var quantity = parseFloat(document.getElementById("quantity").value);

var total = price * quantity;

//pass calculated value to input with id total

document.getElementById("total").value = "$" + total;

}

反對回復 2022-09-23

白板的微信

TA貢獻1883條經(jīng)驗獲得超3個贊

任何涉及字符串的操作都會返回，但是您應該強制輸入值NaNNumber

function calcTotal() {

var price = document.getElementById("price").value;

var quantity = document.getElementById("quantity").value;

var total =Number(price) * Number(quantity);

console.log(total);

}

使用數(shù)字與解析浮動

因此，只要您有標準的數(shù)字輸入，就沒有區(qū)別。但是，如果您的輸入以數(shù)字開頭，然后包含其他字符，parseFloat 會將數(shù)字從字符串中截斷，而數(shù)字則給出 NaN（不是數(shù)字）：

parseFloat('1x'); // => 1

Number('1x'); // => NaN

反對回復 2022-09-23

2 回答
0 關注
104 瀏覽

關注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使用 Javascript 將不同輸入的值相乘以獲得總計？

如何使用 Javascript 將不同輸入的值相乘以獲得總計？

2 回答

添加回答

如何使用 Javascript 將不同輸入的值相乘以獲得總計？

如何使用 Javascript 將不同輸入的值相乘以獲得總計？