为了账号安全,请及时绑定邮箱和手机立即绑定

JS中,如何实现两个输入框中内容的数字相加?

JS中,如何实现两个输入框中内容的数字相加?

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条经验 获得超191个赞

减乘除,JS会自动将字符串转换为数字再进行运算,而加,如果是字符串则做拼接;

     var a=document.getElementById("txt1").value;  //字符串
     var b=document.getElementById("txt2").value;  //字符串
     //改成如下
     var a=parseInt(document.getElementById("txt1").value);  //转成数字
     var b=parseInt(document.getElementById("txt2").value);  //转成数字


查看完整回答
2 反对 回复 2016-11-23
?
Darkspirit暗灵

TA贡献5条经验 获得超5个赞

当我进行2*5时 所返回的答案是10

当我进行5-2时 所返回的答案是3

但我在进行 2+5的时候,所返回的答案是 25;

查看完整回答
反对 回复 2016-11-23
  • lovinyoutillwe
    lovinyoutillwe
    获取的数据应该默认的是字符类型,获取后强转成整型应该可以而不会当作字符串进行拼接了,新手的一点点看法,说得不对请指教
  • 2 回答
  • 0 关注
  • 4909 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信