JS计算每行的和与总和（QTY，PRICE，TOTAL，合计） -

mldxs

浏览: 26360 次
性别:
来自: 吉林

最近访客更多访客>>

gdyshi

ningweijia

gyl868

liyong0802

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (30)

社区版块

存档分类

JS计算每行的和与总和（QTY，PRICE，TOTAL，合计）

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS计算每行的和与总和（QTY，PRICE，TOTAL，合计）</title>
</head>
<body>

<tablewidth="760"border="0"cellspacing="1"cellpadding="0"class="tb"id="tlist">

<trclass="tit2">
<td>ITEMNO</td><td>ITEMDESCRIPTION</td><td>QTY</td><td>PRICE</td><td>INNER</td><td>OUTER</td><td>TOTAL</td><td>REMARKS</td><td>操作</td>
</tr>

<trclass="tit3">

<td><inputtype="text"name="fno"size=12maxlength=12></td>

<td><inputtype="text"name="fdesc"size=32></td>

<td><inputtype="text"name="fqty"size=7maxlength=7value='0'onchange='chtotal(this);'></td>

<td><inputtype="text"name="fprice"size=6maxlength=6value='0'onchange='chtotal(this);'></td>

<td><inputtype="text"name="finners"size=4maxlength=4></td>

<td><inputtype="text"name="fouters"size=4maxlength=4></td>

<td><inputtype="text"name="ftotal"size=8readonlyvalue='0'></td>

<td><inputtype="text"name="fremarks"size=20maxlength=100></td>

<td><inputtype="button"value="删除"name='del'onclick="delrecord(this);"></td>
</tr>

<trclass="tit3"><td>合计</td><tdcolspan=4></td><tdcolspan=2align='right'><bid="znum">0</b></td><tdcolspan=2></td></tr>

<trclass="tit2">

<tdcolspan=9><inputtype="button"value="增加条目"onclick="AddRecord();"></td>
</tr>
</table>
<script>

functionAddRecord()
{

varrow=tlist.insertRow(tlist.rows.length-2);

row.className='tit3';

vari=row.rowIndex;

varcol=row.insertCell(0);

col.innerHTML="<inputtype='text'name='fno'size=12maxlength=12>";
col=row.insertCell(1);

col.innerHTML="<inputtype='text'name='fdesc'size=32maxlength=100>";
col=row.insertCell(2);

col.innerHTML="<inputtype='text'name='fqty'size=7maxlength=7value='0'onchange='chtotal(this);'>";
col=row.insertCell(3);

col.innerHTML="<inputtype='text'name='fprice'size=6maxlength=6value='0'onchange='chtotal(this);'>";
col=row.insertCell(4);

col.innerHTML="<inputtype='text'name='finners'size=4maxlength=4>";
col=row.insertCell(5);

col.innerHTML="<inputtype='text'name='fouters'size=4maxlength=4>";
col=row.insertCell(6);

col.innerHTML="<inputtype='text'name='ftotal'size=8readonlyvalue='0'>";
col=row.insertCell(7);

col.innerHTML="<inputtype='text'name='fremarks'size=20maxlength=100>";
col=row.insertCell(8);

col.innerHTML="<inputtype='button'value='删除'name='del'onclick='delrecord(this);'>";
}

functionchtotal(e)
{

varobj=e.parentNode.parentNode;

varid=parseInt(obj.rowIndex)-1;

varfqty=document.getElementsByName("fqty")[id];

varfprice=document.getElementsByName("fprice")[id];

varftotal=document.getElementsByName("ftotal")[id];

vardelbutton=document.getElementsByName("del");

varznum=document.getElementById("znum");

varnewzum=0;
ftotal.value=fqty.value*fprice.value;

for(varj=0;j<delbutton.length;j++)
{

newzum+=parseFloat(document.getElementsByName("ftotal")[j].value);
}
znum.innerHTML=newzum;
}

functiondelrecord(obj)
{
obj.parentNode.parentNode.parentNode.removeChild(obj.parentNode.parentNode);

vardelbutton=document.getElementsByName("del");

varnewzum=0;

for(varj=0;j<delbutton.length;j++)
{

newzum+=parseFloat(document.getElementsByName("ftotal")[j].value);
}
znum.innerHTML=newzum;
}
</script>
</body>
</html>