<!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. [MetaHook] R_SparkShower

    By hzqst void R_SparkShower(float *pos) { TEMPENTITY *tent; tent = efx.CL_TempEntAllocNoModel(pos); ...

  2. 优秀技能经验及对java学习展望

    你有什么技能比身边人强 我觉得我并没有什么技能能够比身边90%的人强,我认为我是一个平庸的人,和身边的人应该是互有长短,互相帮助的. 关于优秀技能的成功经验 我虽然没有一个强过身边90%的人的技能,但 ...

  3. windows2003 单网卡 搭建vpn ，windows 2008 R2 类似吧。网上转的，自己加了点经验总结

    先说说可能的坑,也就是我自己搭建的时候碰到的问题. 其实搭建起来很简单,我不知道我总结的对还是不对,但是按下面这样操作做绝对能搭好!因为我就是按这样搭起来的,但是我发现,好像pptp已经被墙了,我也不 ...

  4. 总体最小二乘（TLS）

    对于见得多了的东西,我往往就习以为常了,慢慢的就默认了它的存在,而不去思考内在的一些道理.总体最小二乘是一种推广最小二乘方法,本文的主要内容参考张贤达的<矩阵分析与应用>. 1. 最小二乘 ...

  5. 【JS笔记】私有变量

    1.任何函数中定义的变量都可以认为是私有变量.函数内部可以访问,外部不能访问. 可以通过闭包创建特权方法访问私有变量. function Foo(){ var n=10; this.returnN=f ...

  6. android最佳实践之设备兼容性

    由于不同手机的尺寸大小,屏幕分辨率可能存在差异.在开发应用的时候,你或许遇到过这些的问题: 1, 为什么图片在另外的手机上显示的时候变小了,又或是缩小了? 2, 为什么在layout中定义好的格局在另 ...

  7. IE10访问apache 2.4会奇慢的解决办法

    Windows版的apache 2.4. IE10访问apache 2.4会特别慢.有时Apache挂起了.只好重新开apache,但是重开后,也会好景不长,刚处理几个请求,就又变得奇慢了.Firef ...

  8. 编写高质量代码改善C#程序的157个建议[为类型输出格式化字符串、实现浅拷贝和深拷贝、用dynamic来优化反射]

    前言 本文已更新至http://www.cnblogs.com/aehyok/p/3624579.html .本文主要学习记录以下内容: 建议13.为类型输出格式化字符串 建议14.正确实现浅拷贝和深 ...

  9. 一套简单可依赖的Javascript库

    还是[百度]的产品——Tangram不是我偏心,百度不是我亲戚这东西看上去确实不错 Tangram是一套简单可依赖的Javascript库,主要分为Base和Component两部分.Base提供了开 ...

  10. Daily Scrum – 1/19

    Meeting Minutes 绑定了快捷键: 改良了user course: 修了一系列Bug: 准备进行演示 Progress   part 组员 今日工作 Time (h) 明日计划 Time ...