JavaScript由单价、数量计算总价

最新推荐文章于 2020-12-22 16:52:19 发布
最新推荐文章于 2020-12-22 16:52:19 发布
阅读量2.5k 收藏 5
点赞数
文章标签： javascript xhtml ViewUI 

 

  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  <htmlxmlns="http://www.w3.org/1999/xhtml"> 
  3.  <head> 
  4.  <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> 
  5.  <title>无标题文档</title> 
  6.  <scripttype="text/javascript"> 
  7. varresult,result1,result2; 
  8. functionaa1() 
  9. { 
  10.  document.getElementById("result1").innerHTML="";  
  11.  varx1=document.getElementById("num1").value;  
  12.  varreg=newRegExp(/^\d*$/);  
  13. if(!reg.test(x1)) 
  14. { 
  15.  document.getElementById("result1").innerHTML="数量非法！";  
  16. document.getElementById("num1").focus(); 
  17. //document.getElementById("num1").select(); 
  18. return; 
  19. } 
  20.  varx2=document.getElementById("price1").value;  
  21.  varreg=newRegExp(/^\d*[\.]?\d*$/);  
  22. if(!reg.test(x2)) 
  23. { 
  24.  document.getElementById("result1").innerHTML="单价非法！";  
  25. document.getElementById("price1").focus(); 
  26. return; 
  27. } 
  28.  document.getElementById("result1").innerHTML=x1*x2;  
  29.  result1=x1*x2;  
  30. } 
  32. functionaa2() 
  33. { 
  34.  document.getElementById("result2").innerHTML="";  
  35.  varx1=document.getElementById("num2").value;  
  36.  varreg=newRegExp(/^\d*$/);  
  37. if(!reg.test(x1)) 
  38. { 
  39.  document.getElementById("result2").innerHTML="数量非法！";  
  40. document.getElementById("num2").focus(); 
  41. //document.getElementById("num2").select(); 
  42. return; 
  43. } 
  44.  varx2=document.getElementById("price2").value;  
  45.  varreg=newRegExp(/^\d*[\.]?\d*$/);  
  46. if(!reg.test(x2)) 
  47. { 
  48.  document.getElementById("result2").innerHTML="单价非法！";  
  49. document.getElementById("price2").focus(); 
  50. return; 
  51. } 
  52.  document.getElementById("result2").innerHTML=x1*x2;  
  53.  result2=x1*x2;  
  54.  //document.getElementById("result").innerHTML=result1+result2;  
  55.  result=result1+result2;  
  56.  document.getElementById("result").innerHTML=result;  
  57. } 
  58.  
  59.  </script> 
  60.  </head> 
  62.  <body> 
  63.  品名&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> 
  64.  苹果&nbsp;&nbsp;&nbsp;&nbsp;<inputtype="text"name="price1"id="price1"onblur="aa1()"/> 
  65.  <inputtype="text"name="num1"id="num1"onblur="aa1()"/> 
  66. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  67.  <labelid="result1"></label> 
  68.  <br> 
  69.  香蕉&nbsp;&nbsp;&nbsp;&nbsp;<inputtype="text"name="price2"id="price2"onblur="aa2()"/> 
  70.  <inputtype="text"name="num2"id="num2"onblur="aa2()"/> 
  71. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  72.  <labelid="result2"></label> 
  73.  <br> 
  74.  金额总计<labelid="result"></label> 
  75.  </body> 
  76.  </html> 
 

 

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

                

        

        




    




    

      

        

            

              
                
                  商商-77
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    5
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
输入数量和价格自动计算输出金额的js代码

				
			

			

				

					Dove言和 
				

				

					08-13
					
					8980
					
				

			

		

		

			
				
<script> 
function checkInt(o){ 
theV=isNaN(parseInt(o.value))?0:parseInt(o.value); 
if(theV!=o.value){o.value=theV;} 
txtTotal.value=txtAmount.value*txtPrice.value; 
} 
function checkP(o){ 
th...

			
		

	



                

              
                



	

		

			

				
					
execl（知道每个商品单价，且知道总价，计算每个商品的数量）

					
热门推荐

				
			

			

				

					shaoyunzhe的专栏
				

				

					07-11
					
					1万+
					
				

			

		

		

			
				
表如下：



在求数量前将全部数量设置成1

在C13里输入:  =SUMPRODUCT(B2:B12,C2:C12) ,回车，就会显示商品数量是1的总价.如下图：



将鼠标点到C13，点击 数据->规划求解，进行设置





”设置目标"后面跟的是C13的位置($C$13)

"目标值"设置你希望的总价，如果价格太复杂，总价设置的不合理，有时规划求解会失败，也就是找不到价格...

			
		

	



                


  
              

                


	

		

			

				
					
js实现简单“商品总价计算”

				
			

			

				

					qq_44419617的博客
				

				

					12-05
					
					7873
					
				

			

		

		

			
				
实现思路
一、搭建html结构，凡是需要操作数值的地方都用一个小盒子划分开（商品选中数量、单价、小计（已选同类商品价值总和）、商品总数、已选商品价值总和、选中商品中最高单价）
二、给每一个加/减操作button绑定一个onclick事件
1、获取当前button的父节点，用于快速找到其他需要操作的节点
2、点击button同类商品选中数量的加/减操作：
1）获取到存放商品数量的元素
2）获取到button属性flag，根据flag属性值判断进行何种运算
3）运算前保存元素中已有值oldNum，并创建变量存.

			
		

	





	

		

			

				
					
JS计算价格根据单价算总价

				
			

			

				

					sugang666的博客
				

				

					11-01
					
					9463
					
				

			

		

		

			
				
思路: 

       1. 当单价改变的时候,计算出这件商品的总金额,同时计算出所有商品的总金额;

       2.当单件商品的总金额改变时,计算出所有商品的总金额

      3.页面初始化的时候,单价有初始值,自动计算出商品的总金额,同时计算出所有商品的总金额;

注意事项:单价,总金额:input输入框输入的是只能是非负的浮点数或者整数.切只能保留两位小数点

 

&lt;!DO...

			
		

	



		

			
		



	

		

			

				
					
JavaScrip练习（一）——计算商品总价

				
			

			

				

					LeeBlog
				

				

					06-05
					
					4106
					
				

			

		

		

			
				
问题描述：


要求输入商品单价和商品数量，得到总计，总计结果不允许人为修改


技术分析：


readonly：不允许修改文本框中的数据

oninput：当输入框中的内容变化时，触发指定函数


步骤分析：


1，确定事件：输入框内容改变 oninput

2，事件要触发的函数 result()

3，result函数里执行任务

    1，获取单价和数量

    2，...

			
		

	





	

		

			

				
					
jQuery商品数量加减并计算总价代码

				
			

			

				

					06-10
				

			

		

		

			
				
本文将详细介绍如何使用jQuery实现商品数量加减并计算总价的代码。  首先，我们需要一个HTML结构来展示商品信息和数量控制按钮。在`index.html`文件中，这可能包括以下元素：  ```html   商品名称    ...

			
		

	





	

		

			

				
					
AngularJS实现的根据数量与单价计算总价功能示例

				
			

			

				

					01-19
				

			

		

		

			
				
本文实例讲述了AngularJS实现的根据数量与单价计算总价功能。分享给大家供大家参考，具体如下： 先看一下效果：  代码如下：  <!DOCTYPE html> <html lang=en ng-app> <head>  <meta charset=UTF-...

			
		

	





	

		

			

				
					
jQuery实现购物车多物品数量的加减+总价计算

				
			

			

				

					10-25
				

			

		

		

			
				
在本示例中，我们将探讨如何使用jQuery实现购物车中多物品数量的加减操作，并实时计算购物车的总价。这有助于提升用户体验，因为用户可以看到每次操作后总价的变化。  首先，我们看到HTML结构包含一个表格（`<table>...

			
		

	





	

		

			

				
					
利用javascript技术计算商品总价

				
			

			

				

					10-18
				

			

		

		

			
				
计算商品总价示例代码，仅供参考，谢谢合作!

			
		

	





	

		

			

				
					
jsp将数字转换为价格并求和_jsp中每列的数值进行求和 怎么写 详细点 最好有代码...

				
			

			

				

					weixin_39785165的博客
				

				

					12-22
					
					334
					
				

			

		

		

			
				
2012-07-13 回答可以使用js来计算。表格中，循环行，选中调用数的列，求和。&lt;tableid="tab"width="400"border="1"&gt;&lt;tr&gt;&lt;td&gt;序号&lt;/td&gt;&lt;td&gt;调用数&lt;/td&gt;&lt;...

			
		

	





	

		

			

				
					
JS实现总价随数量变化而变化（顾客购买商品表单）

				
			

			

				

					weixin_34195546的博客
				

				

					02-14
					
					645
					
				

			

		

		

			
				
*/
 * Copyright (c) 2016，烟台大学计算机与控制工程学院
 * All rights reserved.
 * 文件名：test.html
 * 作者：常轩
 * 微信公众号：Worldhello
 * 完成日期：2016年2月14日
 * 版本号：V1.0
 * 程序输入：无
 * 程序输出：见运行结果
 */

<!DOCTYPE HTML>
<ht...

			
		

	





	

		

			

				
					
编写程序实现购物车商品自定义单价，并计算总价。

					
最新发布

				
			

			

				

					06-03
				

			

		

		

			
				
以下是一个简单的示例代码，可以让用户自定义商品的单价并计算购物车的总价。代码使用了HTML、CSS和JavaScript，使用了表单元素和事件处理等基础知识。

```html
<!DOCTYPE html>
<html>
<head>
	<title>购物车示例</title>
	<style>
		table {
			border-collapse: collapse;
			width: 100%;
		}

		th, td {
			border: 1px solid black;
			padding: 8px;
			text-align: center;
		}

		th {
			background-color: #ddd;
			font-weight: bold;
		}

		.totalPrice {
			font-weight: bold;
			margin-top: 10px;
		}
	</style>
	<script>
		function calculateTotal() {
			// 获取表格中所有单价输入框和数量输入框
			var priceInputs = document.querySelectorAll(".priceInput");
			var quantityInputs = document.querySelectorAll(".quantityInput");

			var total = 0;
			for (var i = 0; i < priceInputs.length; i++) {
				var price = parseFloat(priceInputs[i].value);
				var quantity = parseInt(quantityInputs[i].value);
				if (!isNaN(price) && !isNaN(quantity)) {
					total += price * quantity;
				}
			}

			// 将总价显示在页面上
			document.getElementById("totalPrice").innerHTML = "总价：" + total.toFixed(2);
		}
	</script>
</head>
<body>
	<h1>购物车</h1>
	<table>
		<thead>
			<tr>
				<th>商品名称</th>
				<th>单价</th>
				<th>数量</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>商品1</td>
				<td><input type="number" class="priceInput" value="10"></td>
				<td><input type="number" class="quantityInput" value="1"></td>
			</tr>
			<tr>
				<td>商品2</td>
				<td><input type="number" class="priceInput" value="15"></td>
				<td><input type="number" class="quantityInput" value="1"></td>
			</tr>
			<tr>
				<td>商品3</td>
				<td><input type="number" class="priceInput" value="20"></td>
				<td><input type="number" class="quantityInput" value="1"></td>
			</tr>
		</tbody>
	</table>

	<button onclick="calculateTotal()">计算总价</button>
	<p id="totalPrice" class="totalPrice"></p>
</body>
</html>
```

在代码中，我们先定义了一个表格，其中每个商品的单价和数量都是通过输入框进行输入的。我们给单价输入框和数量输入框都加上了相应的类名，以便在JavaScript代码中获取它们的值。

在JavaScript代码中，我们定义了一个calculateTotal函数，用于计算购物车的总价。函数首先获取表格中所有单价输入框和数量输入框，然后遍历它们计算出总价，并将总价显示在页面上。

在HTML代码中，我们添加了一个计算总价的按钮和一个用于显示总价的p元素。点击按钮时会调用calculateTotal函数计算总价，并将总价显示在页面上。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值