在js中,通过getElementsByName()方法获得同一name属性的in圬桦孰礅put对象,使用for循环遍历数组,通过对象的i颊俄岿髭d属性便可获得多个input的id值。下面小编举例讲解js怎么循环获得很多name相同的input的ID值。
工具/原料
html+js
代码编辑器:DreamweaverCS5
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解js怎么循环获得很多name相同的input的ID值。
2、在test.html文件内,在p标签内,使用input标签创建一个三个文本输入框。
3、在test.html文件内,统一设置input标签的name为mytest,同时,分别设置每个input的id属性,分别为one,two,three。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得id值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getids()函数。
6、在js标签中,创建getids()函数,在函数内,使用getElementsByN瞢铍库祢ame()方法通过荏鱿胫协name(mytest)获得所有input对象,同时,创建一个空数组arr,用于保存id值。使用for循环遍历objs,通过push()方法将每个input对象的id属性存进数组arr中。最后,使用alert()方法id值。
7、在浏览器打开test.html文件,点击按钮,查看结果。