循环遍历文本框,插入值不在数组中的文本框

时间:2011-05-27 21:42:49

标签: javascript

我想知道是否可以遍历页面上的所有文本框,并在每个文本框中插入一个值,从数字1开始,然后向上+1。 这个页面上有超过150个文本框,它们不在数组中,我不想一个一个地重命名..: - (

感谢您的帮助......

3 个答案:

答案 0 :(得分:5)

var input = document.getElementsByTagName("INPUT");
var j = 0;

for (var i = 0; i < input.length; i++) {
  if (input[i].type == "text") {
    input[i].value = ++j;
  }
}

答案 1 :(得分:1)

Try this out:

$('input[type="text"]').each(function(index) {

    $(this).val(index);

})

根据某些人的要求,为了完整起见,上面需要JavaScript库jQuery。您可以像这样引用它:

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.js"></script>

如果您未使用<!DOCTYPE html>,则可以添加type="text/javascript"属性。

答案 2 :(得分:1)

function FillTextBoxes()
{
    var tbs = document.getElementsByTagName("input");
    var valCount = 0;

    for (var i = 0 ; i < tbs.length ; i++)
    {
        if (tbs[i].type == "text")
        {
            tbs[i].value = ++valCount;
        }
    }
}

window.onload = FillTextBoxes;