通过 document.getElementsByName 获取数组对象，传递多个值

来源：互联网发布：linux dns配置 ubuntu 编辑：程序博客网时间：2024/06/02 05:18

<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByName("myInput");

alert(x.length);

var idStr = '';
var sum = 0;

for(var i=0; i<x.length; i++ ){

if(x[i].value != '0' && x[i].value!=''){
idStr = idStr + x[i].value + ','
sum = sum + parseInt(x[i].value);
}

}
idStr = idStr.substring(0, idStr.length-1);
alert(idStr);
alert(sum);
}
</script>
</head>

<body>
<input name="ids" type="hidden" value='aaa'/><input name="myInput" type="text" size="20" /><br />
<input name="ids" type="hidden" value='bbb'/><input name="myInput" type="text" size="20" /><br />
<input name="ids" type="hidden" value='ccc'/><input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()" value="名为 'myInput' 的元素有多少个？" />
</body>

</html>

结果：

0 0