<!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

JavaScript由单价、数量计算总价的更多相关文章

  1. jQuery实现购物车商品数量及总价的计算

    记录一下项目中遇到的计算购物车商品数量和总价的jQuery代码,重点在于选择器以及.text()命令的使用. 先上效果图,点击加减,商品数量以及总价会发生相应变化. html代码: <div c ...

  2. jquery购物车计算总价

    //计算总价 function cartTotal(){ var total = 0; //循环计算的列,选中计算的数量和价格 //accAdd为精BigDecimal准计算方法 $.each($(& ...

  3. 基于微信小程序的票价和时间选择以及计算总价

    发布时间:2018-10-30   技术:wxml+wxss+JS   概述 微信小程序实现选择时间和票价,根据选择的票价和时间实时计算总价,当时间和票价都显示缺货状态时,点击弹出缺货登记,需要选择票 ...

  4. 一个用于每一天JavaScript示例-使用缓存计算（memoization）为了提高应用程序性能

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. JavaScript eval() 函数，计算某个字符串，并执行其中的的 JavaScript 代码。

    JavaScript eval() 函数,计算某个字符串,并执行其中的的 JavaScript 代码. 适合用于计算器的计算,等. 例子: eval("x=10;y=20;document. ...

  6. Hive on Tez 中 Map 任务的数量计算

    Hive on Tez Mapper 数量计算 在Hive 中执行一个query时,我们可以发现Hive 的执行引擎在使用 Tez 与 MR时,两者生成mapper数量差异较大.主要原因在于 Tez ...

  7. DP问题练习2：网格路径数量计算问题

    DP问题练习2:网格路径数量计算问题 问题描述 有一个机器人的位于一个 m × n 个网格左上角. 机器人每一时刻只能向下或者向右移动一步.机器人试图达到网格的右下角. 问有多少条不同的路径? 样例: ...

  8. 【SSH网上商城项目实战28】使用Ajax技术局部更新商品数量和总价

         转自: https://blog.csdn.net/eson_15/article/details/51487323 昨天把项目部署了一下,玩了玩,今天完善了一下购物车中修改商品数量就能局部 ...

  9. JS在页面根据数量改变总价及按钮进行格式验证

    分两部分,第一部分是在页面上,根据数量的input标签内容,动态更新总价标签的内容,代码如下: <script type="text/javascript"> $(do ...

随机推荐

  1. php基础31：正则匹配-元字符

    <?php //2.正则表达式:元字符 $model = "/php/"; $string = "php"; // 1.元字符 [a-z] 匹配任何a-z ...

  2. WebAPI请求

    里我使用Jquery 来发起异步请求实现数据调用. 继续使用上一文章中的示例,添加一个index.html页面,添加对jquery的引用. 一.无参数Get请求 一般的get请求我们可以使用jquer ...

  3. Node.js文件系统、路径的操作函数

    Node.js文件系统.路径的操作函数 目录 Node.js文件系统.路径的操作函数 1.读取文件readFile函数 2.写文件 3.以追加方式写文件 4.打开文件 5.读文件,读取打开的文件内容到 ...

  4. matlab中textread

    今天打算跑下程序,突然发现,真的很烂,不会读入数据,简单的Iris.txt一上午都没读进去,在此对matlab中的textread函数做下总结,textscan函数待续. 本文主要内容引自http:/ ...

  5. WPF Binding INotifyPropertyChanged 多线程 深入理解

    例子 先来看一个例子 Person.cs public class Person : ObservableObject,INotifyPropertyChanged { private string ...

  6. 20135326、20135303-linux实验一实验报告

    北京电子科技学院(BESTI) 实     验    报     告 课程:信息安全系统设计基础  班级:1353 姓名:王亦可 .魏昊卿 学号:20135326.20135303 成绩:       ...

  7. 5.HBase In Action 第一章-HBase简介（1.1.3 HBase的兴起）

    Pretend that you're working on an open source project for searching the web by crawling websites and ...

  8. MATLAB代码加密生成.p文件

    代码就下面一句话: pcode yourfile.m 生成的 yourfile.p就是你的加密文件,别人是看不到代码的,调用和m文件调用一样.

  9. CoffeeScript及相关文本标记语言

    粗步看了下CoffeeScript(简称cs),发现cs这玩意还是有些问题,当然最大的问题之一是缺乏称手的工具.要是能放VS里编译调试当然好.但是转来转去的,真不如直接多敲几个JS字符串. 问题之二就 ...

  10. 21.C#序列过虑、排序、let子句和连接(十一章11.3-11.5)

    哈哈,隔了一个星期,再怎么样都要发一篇,要多看书啊,书不能停~~~ 使用where子句进行过虑 where子句的语法格式如下:where 过虑表达式 例子:新建一个珠宝类,如下: class Jewe ...