javascript获得相同名字输入框的值
<html><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript获得相同名字输入框的值 by yanleigis email:[email protected]</title>
</head>
<body>
<form>
<table border="1" width="100%" id="table1">
<tr>
<td><input type="text" name="text1" size="40" value="11"></td>
<td><input type="text" name="text1" size="40" value="12"></td>
</tr>
<tr>
<td><input type="text" name="text1" size="40" value="21"></td>
<td><input type="text" name="text1" size="40" value="22"></td>
</tr>
</table>
<p align="center"><input id="sumValue" name="sumValue" size="120" style="float: left" value=></p>
<input type=button value="获得相同名字的值 方法1" onclick="sum1();">
<input type=button value="获得相同名字的值 方法2" onclick="sum2();">
</form>
</body>
<script language="javascript">
function sum1()
{
var str="";
var textall = document.all['text1'];
for(var i=0; i<textall.length; i++)
{
str=str+textall[i].value+",";
}
document.getElementById("sumValue").value = str;
}
function sum2()
{
var textall = document.getElementsByName("text1");
var str = "";
for(var i=0; i<textall.length; i++)
{
str=str+textall[i].value+",";
}
document.getElementById("sumValue").value = str;
}
</script>
</html>