当前位置: 代码迷 >> JavaScript >> 怎么使用document.getElementsByTagName();方法获取页面所有checkbox对象
  详细解决方案

怎么使用document.getElementsByTagName();方法获取页面所有checkbox对象

热度:448   发布时间:2012-03-08 13:30:13.0
如何使用document.getElementsByTagName();方法获取页面所有checkbox对象
Q1:   如何使用document.getElementsByTagName();方法获取页面所有checkbox对象,并保存到一个对象(对象数组)中,我现在的做法如下:但这种做法只能获得单个对象。
var   inputs   =   document.getElementsByTagName( "input ");
for(var   i   =   0;   i <   inputs.length;   i   ++){
        //   inputs[i]
}

Q2:如果获取所有input和textarea集合,并合并成一个集合
var   inputs   =   document.getElementsByTagName( "input ");
var   textareas   =   document.getElementsByTagName( "textarea ");

这两个数组能组合吗?我用Array的concat方法连接失败。


------解决方案--------------------
var arr = new Array();
var inputs = document.getElementsByTagName( "input ");
for(var i = 0; i < inputs.length; i ++){
if(inputs[i].type == "checkbox ")
{
//添加到数组
}
}
------解决方案--------------------
建议你命名时最好易记点.这样在后面的获取值的时候比较容易判断.
var inputs = document.getElementsByTagName( "input ");
for(var i = 0; i < inputs.length; i ++){
if(inputs.type== "checkbox "&&inputs.name.indexOf( "xx ")!=-1)//这个可以把你要的CHECKBOX获取
{//do what you want to do}

}


------解决方案--------------------
function getAllCheckBox()
{
var checkBoxArray=new Array();
//获取所有的Input元素
var allInputObject=document.body.getElementsByTagName( "input ");
var checkBoxIndex=0;
for(var i=0; i <allInputObject.length; i++)
{
//获取input元素中的checkbox
if(allInputObject[i].type== "checkbox ")
{
checkBoxArray[checkBoxIndex]=allInputObject[i];
checkBoxIndex++;
}
}
//返回checkbox数组
return checkBoxArray;
}

该方法已通过测试,返回的就是你需要的CheckBox的数组。你可以试一下。
------解决方案--------------------
Q1:每个checkbox给出name属性,然后getElementsByName直接用名称获取不是更好吗?
Q2:貌似我也连接失败了。遍历吧~
  相关解决方案