我编写了一个程序,要求表单中所有input的name使用同一个名称,而且每一行第四个input的value是前三个input的value平均值,请问我的程序需要怎么改,谢谢<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" >
function jisuanniuju(i)
{
var n1=Number(document.getElementById("field")(i-3).value);
var n2=Number(document.getElementById("field")(i-2).value);
var n3=Number(document.getElementById("field")(i-1).value);
document.getElementById("jiandingjieguo")(i).value=((n1+n2+n3)/3).toFixed(2)
}
</script>
</head>
<body>
<form action="" method="post">
<table width="200" border="1">
<tr>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(4)"/></td>
</tr>
<tr>
<tr>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(8)"/></td>
</tr>
</table>
</form></body>
</html>
<!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=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" >
function jisuanniuju(i)
{
var n1=Number(document.getElementById("field")(i-3).value);
var n2=Number(document.getElementById("field")(i-2).value);
var n3=Number(document.getElementById("field")(i-1).value);
document.getElementById("jiandingjieguo")(i).value=((n1+n2+n3)/3).toFixed(2)
}
</script>
</head>
<body>
<form action="" method="post">
<table width="200" border="1">
<tr>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(4)"/></td>
</tr>
<tr>
<tr>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" /></td>
<td><input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(8)"/></td>
</tr>
</table>
</form></body>
</html>
<!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=gb2312" />
<title>无标题文档 </title>
<script language="JavaScript" >
function jisuanniuju(i)
{
var n1=Number(document.getElementsByName("field")[i-4].value);
var n2=Number(document.getElementsByName("field")[i-3].value);
var n3=Number(document.getElementsByName("field")[i-2].value);
document.getElementsByName("field")[i-1].value=((n1+n2+n3)/3).toFixed(2)
}
</script>
</head>
<body>
<form action="" method="post">
<table width="200" border="1">
<tr>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(4)"/> </td>
</tr>
<tr>
<tr>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" onBlur="jisuanniuju(8)"/> </td>
</tr>
</table>
</form> </body>
</html>
var x=document.getElementsByName("field"); //获取具有同名的对象数组
然后通过如x[i].value来访问数组中的每个对象的值
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<script language="JavaScript" >
function jisuan(i)
{
var obj=document.getElementsByName("field");
var n1=Number(obj[i-4].value);
var n2=Number(obj[i-3].value);
var n3=Number(obj[i-2].value);
obj("field")[i-1].value=((n1+n2+n3)/3).toFixed(2)
}
</script>
</head>
<body>
<form action="" method="post">
<table width="200" border="1">
<tr>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" onBlur="jisuan(4)"/> </td>
</tr>
<tr>
<tr>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" /> </td>
<td> <input name="field" type="text" size="20" maxlength="20" onBlur="jisuan(8)"/> </td>
</tr>
</table>
</form> </body>
</html>