js 怎么循环获得很多 name 相同的input 的ID 值?
putArr=document.getElementsByClassName() ()("input的class名称");
putArr=document.getElementById()("input的id");
putArr=document.getElementsByName("input的名称");
for(var i=0;i<inputArr.length;i++){
alert(inputArr[i].id);
}
扩展资料
Document 对象事件
1、onactivate,当对象设置为活动元素时触发。
2、onbeforeactivate,对象要被设置为当前元素前立即触发。
3、onbeforecut,当选中区从文档中删除之前在源对象触发。
4、onbeforedeactivate,在 activeElement 从当前对象变为父文档其它对象之前立即触发。
5、onbeforeeditfocus,在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。
6、onbeforepaste,在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
7、onclick,在用户用鼠标左键单击对象时触发。
8、onmouseover,鼠标指针移到对象时触发
9、onmouseout,鼠标指针移出对象时触发
Document 对象方法
1、attachEvent,将指定函数绑定到事件,以便每当该事件在对象上触发时都调用该函数。
2、clear,目前尚未支持。
3、close,关闭输出流并强制将数据发送到显示。
4、createAttribute,以指定名称创建 attribute 对象。
5、createComment,以指定数据创建 comment 对象。
6、createDocumentFragment,创建一个新文档。
7、createElement,为指定标签创建一个元素的实例。
8、createEventObject,生成当使用 fireEvent 方法时用于传递事件相关信息的 event 对象。
9、createStyleSheet,为文档创建样式表。
10、createTextNode,从指定值中创建文本字符串。
11、detachEvent,从事件中取消指定函数的绑定,这样当事件触发时函数就不会收到通知了
12、write(),动态向页面写入内容
13、createElement(Tag),创建一个html标签对象
14、getElementById(ID),获得指定ID值的对象
15、getElementsByName(Name),获得指定Name值的对象
示例
下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。
if (document.title!="") alert("标题为 " + document.title)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数,所得位置相对于文档的左上角。
<HTML>
<HEAD>
<TITLE>报告鼠标移动</TITLE>
<SCRIPT LANGUAGE="JScript">
function reportMove(){
window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
参考资料:百度百科:document对象
思路:根据name值获取对象数组后使用循环取出id值,关键代码如下:
obj = document.getElementsByName(input_name);
for(i=0;i<obj.length;i++){
// obj[i].id;
}
实例演示如下:
1、HTML结构:提供了3个name值相同的input和一个name值不同的干扰input
<input type="text" name="test" id="test1" value="name=test id=test1"/>
<input type="text" name="test" id="test2" value="name=test id=test2"/>
<input type="text" name="test" id="test3" value="name=test id=test3"/>
<input type="text" name="test1" id="test4" value="name=test1 id=test4"/>
<br/><input type='button' value='获取name=test的文本框的id' onclick="fun()"/>
2、javascript代码
function fun(){
obj = document.getElementsByName("test");
str = "";
for(i=0;i<obj.length;i++){
str += obj[i].id + " ";
}
alert(str)
}
3、点击按钮后效果
推荐于2018-02-26
for(var i=0;i<inputArr.length;i++)
{
alert(inputArr[i].id);
}
2013-06-16
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<input type="text" id="one" name="txt" />
<input type="text" id="two" name="txt" />
<input type="text" id="three" name="txt" />
<script type="text/javascript">
var name=document.getElementsByTagName("input");
for(var i=0;i<name.length;i++)
{
alert(name[i].id);
}
</script>
</body>
</html>
var names = document.getElementsByName("username");
var i=0;
for(;i<names.length;i++){
alert(names[i].value); //这个值就是你要的
}