JavaScript由单价、数量计算总价
2024-10-14 03:11:54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var result,result1,result2;
function aa1()
{
document.getElementById("result1").innerHTML = "";
var x1 = document.getElementById("num1").value;
var reg = new RegExp(/^\d*$/);
if(!reg.test(x1))
{
document.getElementById("result1").innerHTML = "数量非法!";
document.getElementById("num1").focus();
//document.getElementById("num1").select();
return;
}
var x2 = document.getElementById("price1").value;
var reg = new RegExp(/^\d*[\.]?\d*$/);
if(!reg.test(x2))
{
document.getElementById("result1").innerHTML = "单价非法!";
document.getElementById("price1").focus();
return;
}
document.getElementById("result1").innerHTML = x1*x2;
result1=x1*x2;
} function aa2()
{
document.getElementById("result2").innerHTML = "";
var x1 = document.getElementById("num2").value;
var reg = new RegExp(/^\d*$/);
if(!reg.test(x1))
{
document.getElementById("result2").innerHTML = "数量非法!";
document.getElementById("num2").focus();
//document.getElementById("num2").select();
return;
}
var x2 = document.getElementById("price2").value;
var reg = new RegExp(/^\d*[\.]?\d*$/);
if(!reg.test(x2))
{
document.getElementById("result2").innerHTML = "单价非法!";
document.getElementById("price2").focus();
return;
}
document.getElementById("result2").innerHTML = x1*x2;
result2=x1*x2;
//document.getElementById("result").innerHTML =result1+result2;
result=result1+result2;
document.getElementById("result").innerHTML =result;
} </script>
</head> <body>
品名 单价 数量 金额小计<br>
苹果 <input type="text" name="price1" id="price1" onblur="aa1()" />
<input type="text" name="num1" id="num1" onblur="aa1()" />
<label id="result1"></label>
<br>
香蕉 <input type="text" name="price2" id="price2" onblur="aa2()" />
<input type="text" name="num2" id="num2" onblur="aa2()" />
<label id="result2"></label>
<br>
金额总计<label id="result" ></label>
</body>
</html>
本文出自 “阿凡达” 博客,请务必保留此出处http://shamrock.blog.51cto.com/2079212/819698
最新文章
- Linux新手应掌握的10个基本命令
- ListBox1控件
- HTML介绍、文档基本结构、meta标签、HTML标记的语法
- linux内核驱动模型
- 调用Android系统设置中的Intent
- 如何编写makefile
- TOGAF架构能力框架之架构能力建设和架构治理
- JQuery UI 封装了一些常用模板
- Java Restful框架:Jersey入门示例(官方例子)
- 【ABP杂烩】面向切面编程(AOP)知识总结
- 用鼠标键盘来控制你的Android手机——同屏显示简单教程
- Jenkins构建触发器
- Extjs 代码拾穗
- lvs之 lvs+nginx+tomcat_1、tomcat_2+redis(lvs dr 模式)
- 统计easyui datagrid某列之和显示在对应列下面
- Lucene检索提高性能的几个方式
- 【LeetCode】:二叉树的Max,Min深度
- git教程3-分支
- node模拟后台返回json书写格式报错--Unexpected token &#39; in JSON at position 1
- Cocos2d-x粒子系统