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()函数,在函数内,使用getElementsByName()方法通过荏鱿胫协name(mytest)获得所有input对象,同时,创建一个空数组arr,用于保存id值。使用for循环遍历objs,通过push()方法将每个input对象的id属性存进数组arr中。最后,使用alert()方法id值。
7、在浏览器打开test.html文件,点击按钮,查看结果。