首頁(yè) 猿問 JS中，如何實(shí)現(xiàn)兩個(gè)輸入框中內(nèi)容的...

JS中，如何實(shí)現(xiàn)兩個(gè)輸入框中內(nèi)容的數(shù)字相加？

JavaScript

Darkspirit暗靈 2016-11-23 02:31:02

<!DOCTYPE html><html>?<head>? <title> 事件</title> ?? <script type="text/javascript">? ?function count(){? ? ?var a=document.getElementById("txt1").value;? ? ?var b=document.getElementById("txt2").value;? ? ?var f=document.getElementById("select").value;? ? ?switch(f)? ? ?{? ? ? ? ?case '+':document.getElementById("fruit").value=a+b;? ? ? ? ?break;? ? ? ? ?case '-':document.getElementById("fruit").value=a-b;? ? ? ? ?break;? ? ? ? ?case '*':document.getElementById("fruit").value=a*b;? ? ? ? ?break;? ? ? ? ?case '/':document.getElementById("fruit").value=a/b;? ? ? ? ?break;? ? ? ? ?? ? ?}? ? ?? ?}? </script>??</head>??<body>? ?<input type='text' id='txt1' />?? ?<select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option>? ?</select>? ?<input type='text' id='txt2' />?? ?<input type='button' onclick="count()" value=' = ' /> ?? ?<input type='text' id='fruit' /> ???</body></html>

查看完整描述

2 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

減乘除，JS會(huì)自動(dòng)將字符串轉(zhuǎn)換為數(shù)字再進(jìn)行運(yùn)算，而加，如果是字符串則做拼接；

?????var?a=document.getElementById("txt1").value;??//字符串
?????var?b=document.getElementById("txt2").value;??//字符串
?????//改成如下
?????var?a=parseInt(document.getElementById("txt1").value);??//轉(zhuǎn)成數(shù)字
?????var?b=parseInt(document.getElementById("txt2").value);??//轉(zhuǎn)成數(shù)字

2 反對(duì) 回復(fù) 2016-11-23

Darkspirit暗靈

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超5個(gè)贊

當(dāng)我進(jìn)行2*5時(shí) 所返回的答案是10

當(dāng)我進(jìn)行5-2時(shí) 所返回的答案是3

但我在進(jìn)行 2+5的時(shí)候，所返回的答案是 25；

反對(duì) 回復(fù) 2016-11-23

lovinyoutillwe
獲取的數(shù)據(jù)應(yīng)該默認(rèn)的是字符類型，獲取后強(qiáng)轉(zhuǎn)成整型應(yīng)該可以而不會(huì)當(dāng)作字符串進(jìn)行拼接了，新手的一點(diǎn)點(diǎn)看法，說得不對(duì)請(qǐng)指教

回復(fù) 2016-11-23