$(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>
<pre class="brush:html; toolbar: true; auto-links: false;"><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></pre>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。