已解決430363個問題，去搜搜看，總會有你想問的

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

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

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

JavaScript

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

我正在嘗試做一個購物車，我希望在輸入數量后自動更改總計（總計是價格乘以數量）。我正在嘗試使用Javascript來實現這一點，我似乎無法得到它，因為它正在提出空值，并且在它說NaN之前。PS：目前它是一個控制臺日志，只是為了看看它是否有效，但我需要它進入總輸入標簽。網頁：<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條經驗獲得超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條經驗獲得超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);

}

使用數字與解析浮動

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

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

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

反對回復 2022-09-23

2 回答
0 關注
100 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

2 回答

添加回答

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

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