通过JavaScript动态输入计算 - 走看看

zoukankan html css js c++ java

通过JavaScript动态输入计算

      有位朋友在项目中遇到这样一个问题，在几个文本框中输入金额，然后在一个用来显示结果的文本框中来显示他们之间计算出的结果，并且要每输入一个数字就马上计算并在显示结果的文本框中显示，最好的办法就是用JavaScript来实现，代码如下：

1 <html>
2     <head>
3         <script language="javascript">
4             function getValue(){
5                 var numberA = document.getElementById("numberA");
6                 var numberB = document.getElementById("numberB");
7                 var result  = document.getElementById("result");
8
9                 if(numberA.value=="" || numberB.value=="")return;
10                 result.value = parseInt(numberA.value)+parseInt(numberB.value);
11             }
12         </script>
13     </head>
14     <body>
15         <form>
16             <h2 align="center">通过JavaScript动态输入计算</h2>
17             <input type="text" id="numberA" onkeyup="javascript:getValue()" />  + 
18             <input type="text" id="numberB" onkeyup="javascript:getValue()" /> =
19             <input type="text" id="result" />
20         </form>
21     </body>
22 </html>

查看全文

相关阅读:
localStroage 和sessionStorage的区别
 audio 在ios无法播放问题解决
 判断是否在微信浏览器中打开
 使用CSS样式的方式
 Django总结
 Django框架初步
 HTML表单设计（下）
HTML表单设计（上）
HTML框架
 nohup和&后台运行,查看占用端口进程

原文地址：https://www.cnblogs.com/wangwei123/p/1422354.html

Copyright © 2011-2022 走看看