<!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. python数字图像处理（3）：图像像素的访问与裁剪

    图片读入程序中后,是以numpy数组存在的.因此对numpy数组的一切功能,对图片也适用.对数组元素的访问,实际上就是对图片像素点的访问. 彩色图片访问方式为: img[i,j,c] i表示图片的行数 ...

  2. Android Drawable的9种子类 介绍

    原文: Android Drawable的9种子类 介绍   Drawable 在android里面 就是代表着图像,注意是图像 而不是图片. 图片是图像的子集.图像除了可以包含图片以外 还可以包含颜 ...

  3. Java Web利用POI导出Excel简单例子

    采用Spring mvc架构: Controller层代码如下 @Controller public class StudentExportController{ @Autowired private ...

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

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

  5. 浪潮之巅IT那点事之三——神奇的规律

    “道可道,非常道”是老子在<道德经>中的开篇第一句话,这句话的意思是:万事万物其真理是可以探索并道说得出来的,但这些真理并非是永恒的,天道轮转,没有永恒不变的真理(来自百度百科).在IT行 ...

  6. initializer for conditional binding must have optional type not AVAudioPlayer

    if let buttonBeep = self.setupAudioPlayerWithFile("ButtonTap", type: "wav") {    ...

  7. hadoop的统计单词程序WordCount提示找不到WordCount类

    按这里的教程: http://www.imooc.com/learn/391 试验时,发现在wordcount的最后一步一直提示如下错误: Exception in thread "main ...

  8. java识别简单的验证码

    1.老规矩,先上图 要破解类似这样的验证码: 拆分后结果: 然后去匹配,得到结果. 2.拆分图片 拿到图片后,首先把图片中我们需要的部分截取出来. 具体的做法是,创建一个的和图片像素相同的一个代表权重 ...

  9. 翻译-微服务API Gateway

    原文地址:http://microservices.io/patterns/apigateway.html,以下是使用google翻译对原文的翻译. 让我们想象一下你正在建立一个使用微服务模式的网上商 ...

  10. Bootstrap系列 -- 37. 基础导航样式

    Bootstrap框架中制作导航条主要通过“.nav”样式.默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”.“nav-pills”之类.比如右侧代码 ...