javascript - 动态获取网页上的每个复选框和文本框

Question

我有以下 HTML 行

<input name="1" title="" id="1"  style="position: absolute; top: 155px; left: 687px; tabindex: 3000; z-order: 99;" type="checkbox" CHECKED="checked" runat="server" value="on"/>

我想要的是一种获取多个复选框的方法，这样我就可以通过以下 javascript 代码设置它们的选项卡索引:

var x = document.getElementById("1").tabIndex;  
document.getElementById("1").tabIndex = 1;

该代码确实有效，但它仅适用于我放置的示例行。我尝试像这样将我的 javascript 放入 for 循环中:

var elements = document.getElementsByName("1");
var i;
for(i = 0; i < elements.length; ++i)
{
    var x = document.getElementsByName(i).tabIndex;  
    document.getElementsByName(i).tabIndex = 1;
}

我通过创建我的 HTML 代码行的 4 个副本并仅更改其在 CSS 中的位置来运行此代码，但代码没有像我希望的那样工作。

有人可以指出我做错了什么吗？

Answer 1

elements 是一个 Collection of elements如果是

var elements = document.getElementsByName("1");

因此，将您的for 循环 更改为:

var elements = document.getElementsByName("1");
var i;
for(i = 0; i < elements.length; ++i)
{
   elements[i].tabIndex = 1;  
}