jquery小计合计计算的问题,帮帮忙!!

1泡泡1 发布于 2013/05/13 11:04
阅读 1K+
收藏 1
$(function(){    
  var sum=0;  
    $(".jisuan input").keyup(function(e) {   
	     var $shuliang = $("#aa").val(); 
		  var $danjia = $("#bb").val();  
		  var $xiaoji =$(this).parent().next(); 
		   $xiaoji.text($shuliang*$danjia);
		    $xiaoji.each(function(index, element) {    
			    sum+=parseInt($(this).text());   
				  });
				 $("#sum").text(sum);  
				  })   
				   })
				   </script>
</script>
   <table width="100%" border="1" class="table_sum">
   	<tr class="jisuan"> 
数量<input type="text" name="data_"  id='aa'"/>
单价<input type="text" name="data_"  id='bb' " />
小计<span id="xj"></span>
</tr>

<tr class="jisuan"> 

数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb'/>
小计<span id="xj"></span>

</tr>
数量合计                     金额总计<span id="sum"></span>
 
我想求小计和合计,怎么搞
加载中
0
卖切糕大叔
卖切糕大叔
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script>
$(function(){     
    $(".jisuan input").keyup(function(e) {                
             var sum=0; 
	     var $shuliang = $(this).parent().find("#aa").val(); 
		  var $danjia = $(this).parent().find("#bb").val();  
		  var $xiaoji =$(this).parent().find("#xj"); 
		   $xiaoji.text($shuliang*$danjia);
		    $xiaoji.each(function(index, element) {    
			    sum+=parseInt($(this).text());   
				  });
				 $("#sum").text(sum);  
				  })   
				   })
				   </script>
</script>
</head>
<body>
   <table width="100%" border="1" class="table_sum">
   	<tr class="jisuan"><td>
数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb' />
小计<span id="xj"></span></td>
</tr>

<tr class="jisuan"> 
<td>
数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb'/>
小计<span id="xj"></span>
</td>
</tr>
</table>
数量合计                     金额总计<span id="sum"></span>
</body>
</html>
卖切糕大叔
卖切糕大叔
回复 @1泡泡1 : 第8行我改过了
卖切糕大叔
卖切糕大叔
回复 @1泡泡1 : 把sum=0放到keyup函数里就可以了,我没注意
1
1泡泡1
还有个小问题,表单重新录入后金额合计会连清除之前的结果一起计算
0
1
1泡泡1
没人会吗
0
sjunjun
sjunjun
id要唯一呀,不能有两个以上的元素用一个id.用class替代吧.
0
不是小白
不是小白

用id取值,就像楼上说的一样。

用不同的id,或者用class吧

0
1
1泡泡1

引用来自“卖切糕大叔”的答案

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script>
$(function(){     
    $(".jisuan input").keyup(function(e) {                
             var sum=0; 
	     var $shuliang = $(this).parent().find("#aa").val(); 
		  var $danjia = $(this).parent().find("#bb").val();  
		  var $xiaoji =$(this).parent().find("#xj"); 
		   $xiaoji.text($shuliang*$danjia);
		    $xiaoji.each(function(index, element) {    
			    sum+=parseInt($(this).text());   
				  });
				 $("#sum").text(sum);  
				  })   
				   })
				   </script>
</script>
</head>
<body>
   <table width="100%" border="1" class="table_sum">
   	<tr class="jisuan"><td>
数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb' />
小计<span id="xj"></span></td>
</tr>

<tr class="jisuan"> 
<td>
数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb'/>
小计<span id="xj"></span>
</td>
</tr>
</table>
数量合计                     金额总计<span id="sum"></span>
</body>
</html>
返回顶部
顶部