<!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. [原]iBatis.Net（C#）系列一：简介及运行环境

    转载请注明http://www.cnblogs.com/13590/archive/2013/02/27/2934580.html 摘要:介绍iBatis.Net的基本情况和运行原理,运行环境中各参数 ...

  2. 在ASP.Net和IIS中删除不必要的HTTP响应头

    引入 每次当浏览器向Web服务器发起一个请求的时,都会伴随着一些HTTP头的发送.而这些HTTP头是用于给Web服务器提供一些额外信息以便于处理请求.比如说吧.如果浏览器支持压缩功能,则浏览器会发送A ...

  3. [CareerCup] 8.5 Online Book Reader System 在线读书系统

    8.5 Design the data structures for an online book reader system. 这道题OOB的题让我们设计一个在线读书系统,还是没有任何提示,所以发挥 ...

  4. jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件

    插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转. ...

  5. IOS开发之——OpenUDID的使用获取用户唯一设备

    下载网址:https://github.com/ylechelle/OpenUDID OpenUDID测试结果分析 1)优点: a.没有用到MAC地址.MAC地址跟UDID一样,存在隐私问题.不能保证 ...

  6. Chrome扩展开发之三——Chrome扩展中的数据本地存储和下载

    目录: 0.Chrome扩展开发(Gmail附件管理助手)系列之〇——概述 1.Chrome扩展开发之一——Chrome扩展的文件结构 2.Chrome扩展开发之二——Chrome扩展中脚本的运行机制 ...

  7. [原创]Net实现Excel导入导出到数据库(附源码)

    关于数据库导出到Excel和SQLServer数据导出到Excel的例子,在博客园有很多的例子,自己根据网上搜集资料,自己做了亦歌简单的demo,现在分享出来供初学者学习交流使用. 一.数据库导入导出 ...

  8. LinuxMint下Apache Http源码安装过程

    1. 源码包下载 Apache Http安装要求必须安装APR.APR-Util.PCRE等包. Apache Http包下载地址:http://httpd.apache.org/download.c ...

  9. PHP+MD5

    echo substr(md5("admin"),8,16);//16位MD5加密,16位加密是32位加密从第8个字符开始到16个字符,用substr函数截取了字符得到.. ech ...

  10. Javascript基础系列之（三）数据类型 （数值 Number）

    javascript中想限定一个数的数值,无需限定它是整数还是浮点数型 var num1 = 80 ; var num2 = 55.51; var num3 = -34; var num4 = 9e5 ...