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

JS中，如何實現(xiàn)兩個輸入框中內(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貢獻361條經(jīng)驗獲得超191個贊

減乘除，JS會自動將字符串轉換為數(shù)字再進行運算，而加，如果是字符串則做拼接；

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

2 反對回復 2016-11-23