js 怎么循环获得很多 name 相同的input 的ID 值?

 我来答
游戏你我他
高粉答主

推荐于2019-08-24 · 说的都是干货,快来关注
知道答主
回答量:278
采纳率:100%
帮助的人:18.6万
展开全部

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对象

learneroner
高粉答主

推荐于2016-11-30 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6532万
展开全部

思路:根据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
展开全部
楼上的少了个判断name是不是想要的,其实不用那样,有直接获取name相同的元素的方法的var inputArr=document.getElementsByName("input的名称");
for(var i=0;i<inputArr.length;i++)
{
alert(inputArr[i].id);
}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-06-16
展开全部
你是说想获取那些name值相同的input分别的id吧?如下~<html>
<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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
缮红同屋7985
2017-05-08 · TA获得超过3.6万个赞
知道大有可为答主
回答量:2.3万
采纳率:40%
帮助的人:1251万
展开全部
用js获取可以使用
var names = document.getElementsByName("username");
var i=0;
for(;i<names.length;i++){
alert(names[i].value); //这个值就是你要的
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式