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

 时间:2024-10-19 02:20:11

在js中,通过getElementsByName()方法获得同一name属性的in圬桦孰礅put对象,使用for循环遍历数组,通过对象的i颊俄岿髭d属性便可获得多个input的id值。下面小编举例讲解js怎么循环获得很多name相同的input的ID值。

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

工具/原料

html+js

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解js怎么循环获得很多name相同的input的ID值。

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

2、在test.html文件内,在p标签内,使用input标签创建一个三个文本输入框。

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

3、在test.html文件内,统一设置input标签的name为mytest,同时,分别设置每个input的id属性,分别为one,two,three。

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

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得id值”。

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

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getids()函数。

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

6、在js标签中,创建getids()函数,在函数内,使用getElementsByN瞢铍库祢ame()方法通过荏鱿胫协name(mytest)获得所有input对象,同时,创建一个空数组arr,用于保存id值。使用for循环遍历objs,通过push()方法将每个input对象的id属性存进数组arr中。最后,使用alert()方法id值。

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

7、在浏览器打开test.html文件,点击按钮,查看结果。

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

android studio怎么安装 SVN小乌龟如何更新提交项目? 微信小程序里如何实现和配置https Google浏览器 Workspace功能配置 jsp如何获取接口返回的json格式数据
热门搜索
1美元图片 交通安全标志图片 美丽的地球图片 赛里木湖图片 内衣办公室动漫全集