我正在开发一个项目,该项目将使用循环将许多表单添加到 mysql 数据库中。在 javascript 部分中,我无法让 var i 在函数 updatesum() 中工作。有人可以帮我吗?
我试图避免这样做:
document.form1.total.value = (document.form1.number1.value -0) + (document.form1.number2.value -0);
document.form2.total.value = (document.form2.number1.value -0) + (document.form2.number2.value -0);
...........
document.form48.total.value = (document.form48.number1.value -0) + (document.form48.number2.value -0);
document.form49.total.value = (document.form49.number1.value -0) + (document.form49.number2.value -0);
将需要进行大约 12 项其他计算。
任何帮助,将不胜感激。
<html>
<head>
<script type="text/javascript"><!--
function updatesum() {
for(var i=0; i < 50; i++)
{
document.form[i].total.value = (document.form[i].number1.value -0) + (document.form[i].number2.value -0);
}
}
//-->
</script>
</head>
<body>
<table border="1">
<tr>
<td>#</td>
<td>NUMBER</td>
</tr>
<?
$x=1;
while($x <= 50)
{ ?>
<tr>
<td>
<? echo $x; ?>
</td>
<td>
<form name="form<? echo $x;?>" >
<table border="1">
<tr>
<td>NUMBER1</td>
<td>NUMBER2</td>
<td>TOTAL</td>
</tr>
<tr>
<td><input name="number1" size="2" onChange="updatesum()" /></td>
<td><input name="number2" size="2" onChange="updatesum()" /></td>
<td><input name="total" size="3" readonly style="border:0px;"></td>
</tr>
</table>
</form>
</td>
</tr>
<? $x++; } ?>
</table>
</body>
</html>