请好手帮忙改个金额计算的JS效果 （里面样式JS基础代码都已经写好）
日期：2014-05-16 浏览次数：20403 次
请高手帮忙改个金额计算的JS效果 （里面样式JS基础代码都已经写好）
------解决方案--------------------
数量那个输入框传递参数，加个的不传递，注意
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
});
//增加 删除一行
var i = 0;
$("#btn_zj").live("click",function(){
i +=1;
$('#hj').before('<tr><td><input type="text" name="info['+i+'][assets_num]" onkeyup="caigou_num(this)" maxlength="4">+</td><td><input type="text" name="info['+i+'][assets_price]" onkeyup="caigou_num(this)" maxlength="8"></td><td><a class="del" href="javascript:" title="删除">删除</a></td></tr>');
delTr();
})
function delTr(){
$(".del").click(function(){
$(this).parent().parent().remove();
})
}
</script>
<style type="text/css">
.sshstyle,.sshstyle td{ border:1px solid #ccc;}
.sshstyle td{ border-right:1px solid #ccc}
</style>
</head>
<body>
<p>主要问题是：
<span style="color:red">实现当点击 在属于当输入数量的时候总金额会显示 在输入单价的时候就会（单价*数量=总金额）计算结果<br />
而当 有多个的话 我可以选择 增加一行 后 在次输入其它tr里面的文本框的时候 也是要求累计计入总价里面去的 依次类推<br />
当然 在点击删除按钮的时候当前那一行的移除后 总金额也会发生变化 <br />
请高手帮忙写一下~ </span>
</p>
<!--以下是金额1 和2-->
<table cellpadding="0" cellspacing="0" border="0" class="sshstyle">
<tr>
<td style="text-align:center">数量</td>
<td style="text-align:center">单价</td>
<td>操作</td>
</tr>
<tr>
<td><input type="text" name="info[0][assets_num]" onkeyup="caigou_num(this)" maxlength="4">+</td>
<td><input type="text" name="info[0][assets_price]" onkeyup="caigou_num(this)" maxlength="8"></td>
<td><a class="del" href="javascript:" title="删除">删除</a></td>
</tr>
<tr id="hj">
<!--总金额-->
<td colspan="2">总金额：<input type="text" class="zongjine" disabled="disabled" value="" id="count"></td>
</tr>
<tr>
<td><a href="javascript:" id="btn_zj" class="btn_an"><span></span><i class="btn_lzengjia" ></i>增加一行</a> </td>
</tr>
</table>
</body>
</html>
------解决方案--------------------
数量那个输入框传递参数，加个的不传递，注意
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
