JavaScript由单价、数量计算总价

最新推荐文章于 2023-12-12 20:05:23 发布

商商-77

最新推荐文章于 2023-12-12 20:05:23 发布

阅读量3.3k

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/umgsai/article/details/38467635

版权

html 专栏收录该内容

101 篇文章 0 订阅

订阅专栏

 
 <!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> 
品名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;单价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金额小计<br> 
苹果&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="price1" id="price1" onblur="aa1()" /> 
<input type="text" name="num1" id="num1" onblur="aa1()" /> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
<label id="result1"></label> 
<br> 
香蕉&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="price2" id="price2" onblur="aa2()" /> 
<input type="text" name="num2" id="num2" onblur="aa2()" /> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
<label id="result2"></label> 
<br> 
金额总计<label id="result" ></label> 
</body> 
</html>

本文出自 “阿凡达” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/819698

商商-77

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript由单价、数量计算总价

650) this.width=650;" alt="" border="0" src="http://img1.51cto.com/attachment/201203/204422376.png" />> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/
复制链接

扫一扫