juery每行单价、数量、金额的计算
2014-08-27 15:01
330 查看
<!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 src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.number').die().live('focusout',function(){
$(this).parent().next().children().val('22');
$(this).parent().next().next().children().val('33');
$(this).parent().next().next().next().children().val('44');
});
//修改数量时，计算金额
$('.shuliang').die().live('keyup',function(){
var shuliang = parseFloat($(this).val()).toFixed(2);
var danjia = parseFloat($(this).parent().next().children().val()).toFixed(4);
var jine = (danjia*shuliang).toFixed(4);
$(this).parent().next().next().children().val(jine)
fun();
});
//修改单价时，计算金额
$('.danjia').die().live('keyup',function(){
var danjia
= parseFloat($(this).val()).toFixed(4);
var shuliang = parseFloat($(this).parent().prev().children().val()).toFixed(2);//数量
var jine = (danjia*shuliang).toFixed(4);
$(this).parent().next().children().val(jine);
fun();
});
//计算所有分录的总金额
function fun(){
var temp = 0;
// var id = parseInt($(this).attr('id'));
$("input[id='totaljine']").each(function(){
//alert(id);
temp+= parseFloat($(this).val());
// alert($(this).val());
})
$(".totalMoney").val(temp);
}
//计算所有分录的折扣金额
//计算所有分录的实收金额
});
</script>
</head>
<body>
<table>
<tr><td width='6%'><input type=text class='totalMoney' id='1' size='7' name="" /></td></tr>
<tr class='biaoti' style="font-size:15px;" bgcolor="#38B0DE ">
<td width="5%" >物料编码</td>
<td width="7%" >物料名称</td>
<td width="7%" >规格型号</td>
<td width="7%" >计量单位</td>
<td width="5%" >数量</td>
<td width="10%">单位实际成本</td>
<td width="6%">实际成本</td>
<td width="5%">折扣金额</td>
<td width="5%">实收金额</td>
<td width="6%" >仓库</td>
<td width="6%" >备注</td>
<td width="6%">操作</td>
</tr>
<tr class='info'>
<td width='6%'><input type=text class='number' id='1' size='7' name="qtckentry.wlnumber" /></td>
<td width='6%'><input type=text class='item' id='2' size='7' name="qtckentry.wlname" />
</td>
<td width='6%'><input type=text class='item' id='3' size='7' name="qtckentry.ggxh" /></td>
<td width='6%'><input type=text class='item' id='4' size='7' name="qtckentry.jldanwei"/></td>
<td width='7%'><input type=text class='shuliang' id='5' size='8' name="qtckentry.shuliang" value='0'/></td>
<td width='7%'><input type=text class='danjia' id='8' size='8' name="qtckentry.dwsjcb" value='0'/></td>
<td width='6%'><input type=text class='jine' id='totaljine' size='8' name="qtckentry.sjcb" value='0'/></td>
<td width='6%'><input type=text class='item' id='10' size='8' name="qtckentry.hsdanjia"/></td>
<td width='6%'><input type=text class='item' id='11' size='8' name="qtckentry.bwdjine"/></td>
<td width='7%'><input type=text class='item' id='6' size='8' name="qtckentry.cangku" value='0'/></td>
<td width='7%'><input type=text class='item' id='7' size='8' name="qtckentry.beizhu"/></td>
<td><span id='delRow'>删除此行</span></td>
</tr>
<tr class='info'>
<td width='6%'><input type=text class='number' id='1' size='7' name="qtckentry.wlnumber" /></td>
<td width='6%'><input type=text class='item' id='2' size='7' name="qtckentry.wlname" />
</td>
<td width='6%'><input type=text class='item' id='3' size='7' name="qtckentry.ggxh" /></td>
<td width='6%'><input type=text class='item' id='4' size='7' name="qtckentry.jldanwei"/></td>
<td width='7%'><input type=text class='shuliang' id='5' size='8' name="qtckentry.shuliang" value='0'/></td>
<td width='7%'><input type=text class='danjia' id='8' size='8' name="qtckentry.dwsjcb" value='0'/></td>
<td width='6%'><input type=text class='jine' id='totaljine' size='8' name="qtckentry.sjcb" value='0'/></td>
<td width='7%'><input type=text class='item' id='6' size='8' name="qtckentry.cangku" value='0'/></td>
<td width='7%'><input type=text class='item' id='7' size='8' name="qtckentry.beizhu"/></td>
<td width='6%'><input type=text class='item' id='10' size='8' name="qtckentry.hsdanjia"/></td>
<td width='6%'><input type=text class='item' id='11' size='8' name="qtckentry.bwdjine"/></td>
<td><span id='delRow'>删除此行</span></td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.number').die().live('focusout',function(){
$(this).parent().next().children().val('22');
$(this).parent().next().next().children().val('33');
$(this).parent().next().next().next().children().val('44');
});
//修改数量时，计算金额
$('.shuliang').die().live('keyup',function(){
var shuliang = parseFloat($(this).val()).toFixed(2);
var danjia = parseFloat($(this).parent().next().children().val()).toFixed(4);
var jine = (danjia*shuliang).toFixed(4);
$(this).parent().next().next().children().val(jine)
fun();
});
//修改单价时，计算金额
$('.danjia').die().live('keyup',function(){
var danjia
= parseFloat($(this).val()).toFixed(4);
var shuliang = parseFloat($(this).parent().prev().children().val()).toFixed(2);//数量
var jine = (danjia*shuliang).toFixed(4);
$(this).parent().next().children().val(jine);
fun();
});
//计算所有分录的总金额
function fun(){
var temp = 0;
// var id = parseInt($(this).attr('id'));
$("input[id='totaljine']").each(function(){
//alert(id);
temp+= parseFloat($(this).val());
// alert($(this).val());
})
$(".totalMoney").val(temp);
}
//计算所有分录的折扣金额
//计算所有分录的实收金额
});
</script>
</head>
<body>
<table>
<tr><td width='6%'><input type=text class='totalMoney' id='1' size='7' name="" /></td></tr>
<tr class='biaoti' style="font-size:15px;" bgcolor="#38B0DE ">
<td width="5%" >物料编码</td>
<td width="7%" >物料名称</td>
<td width="7%" >规格型号</td>
<td width="7%" >计量单位</td>
<td width="5%" >数量</td>
<td width="10%">单位实际成本</td>
<td width="6%">实际成本</td>
<td width="5%">折扣金额</td>
<td width="5%">实收金额</td>
<td width="6%" >仓库</td>
<td width="6%" >备注</td>
<td width="6%">操作</td>
</tr>
<tr class='info'>
<td width='6%'><input type=text class='number' id='1' size='7' name="qtckentry.wlnumber" /></td>
<td width='6%'><input type=text class='item' id='2' size='7' name="qtckentry.wlname" />
</td>
<td width='6%'><input type=text class='item' id='3' size='7' name="qtckentry.ggxh" /></td>
<td width='6%'><input type=text class='item' id='4' size='7' name="qtckentry.jldanwei"/></td>
<td width='7%'><input type=text class='shuliang' id='5' size='8' name="qtckentry.shuliang" value='0'/></td>
<td width='7%'><input type=text class='danjia' id='8' size='8' name="qtckentry.dwsjcb" value='0'/></td>
<td width='6%'><input type=text class='jine' id='totaljine' size='8' name="qtckentry.sjcb" value='0'/></td>
<td width='6%'><input type=text class='item' id='10' size='8' name="qtckentry.hsdanjia"/></td>
<td width='6%'><input type=text class='item' id='11' size='8' name="qtckentry.bwdjine"/></td>
<td width='7%'><input type=text class='item' id='6' size='8' name="qtckentry.cangku" value='0'/></td>
<td width='7%'><input type=text class='item' id='7' size='8' name="qtckentry.beizhu"/></td>
<td><span id='delRow'>删除此行</span></td>
</tr>
<tr class='info'>
<td width='6%'><input type=text class='number' id='1' size='7' name="qtckentry.wlnumber" /></td>
<td width='6%'><input type=text class='item' id='2' size='7' name="qtckentry.wlname" />
</td>
<td width='6%'><input type=text class='item' id='3' size='7' name="qtckentry.ggxh" /></td>
<td width='6%'><input type=text class='item' id='4' size='7' name="qtckentry.jldanwei"/></td>
<td width='7%'><input type=text class='shuliang' id='5' size='8' name="qtckentry.shuliang" value='0'/></td>
<td width='7%'><input type=text class='danjia' id='8' size='8' name="qtckentry.dwsjcb" value='0'/></td>
<td width='6%'><input type=text class='jine' id='totaljine' size='8' name="qtckentry.sjcb" value='0'/></td>
<td width='7%'><input type=text class='item' id='6' size='8' name="qtckentry.cangku" value='0'/></td>
<td width='7%'><input type=text class='item' id='7' size='8' name="qtckentry.beizhu"/></td>
<td width='6%'><input type=text class='item' id='10' size='8' name="qtckentry.hsdanjia"/></td>
<td width='6%'><input type=text class='item' id='11' size='8' name="qtckentry.bwdjine"/></td>
<td><span id='delRow'>删除此行</span></td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- easyui----行内编辑---有单价 输入数量自动计算总金额
- 一个控制台的收银柜台收款程序。根据商品单价、购买数量以及收款金额计算并输出应收金额和找零的小程序。
- 根据单价和数量计算总金额
- hao123 百度品专 按品类 计算 下单数量 商品数量 下单金额？
- 要求在录入数量及单价的时候自动算出金额即
- JavaScript由单价、数量计算总价
- JAVA更改Jtable的数量列值，自动计算金额小计列值的源代码
- GridView中录入数量及单价的时候自动算出金额
- JavaScript由单价、数量计算总价
- JavaScript由单价、数量计算总价
- DataGrid中实现输入数量和金额自动计算出总金额
- 简易打折，输入数量金额然后计算打折
- 自动计算金额，积分，节省金额,修改数量
- 在DataGrid中，如何录入数量及单价的时候自动算出金额
- android 单价乘以数量计算总价 乘法
- 输入数量和价格自动计算输出金额的js代码
- 星期一处理GFS_S窗口是的单价,金额,数量,只能输入数字,并用小数点显示Format函数!
- 给你不同面值的硬币和总金额target。 写一个函数来计算组成这个数量的组合的数量。
- 数量*单价=金额
- JS 实现简单的操作（数量，单价，金额）