【JavaScript】获得某一区域中所有input控件

在做项目的时候，我们常常会碰到这样的情况：现有一区域，需要获得其中所有input控件（Html控件）。如下一区域：

 1 <div class="fieldrow" id="checkitems">
 2     <div class="powerrowitem">
 3            <input name="checkshopping" type="radio" id="checkshopping1" value="31" />
 4            <label for="checkshopping1">审核组1</label>
 5     </div>
 6     <div class="powerrowitem">
 7            <input name="checkshopping" type="radio" id="checkshopping2" value="32" />
 8            <label for="checkshopping2">审核组2</label>
 9     </div>
10     <div class="powerrowitem">
11            <input name="checkshopping" type="radio" id="checkshopping3" value="33" />
12            <label for="checkshopping3">审核组3</label>
13     </div>
14     <div class="powerrowitem">
15            <input name="checkshopping" type="radio" id="checkshopping4" value="34" />
16            <label for="checkshopping4">审核组4</label>
17     </div>
18 </div>

根据以上ＤＩＶ布局，获得其中所有input控件（Html控件）代码如下：

 var inputcontrol= document.getElementById("checkitems").getElementsByTagName("input");
2 for(var index=0;index < inputcontrol.length;index++)
3 {
4    //处理逻辑
5 }

 
到这里，就完成了要求，可以对获得的input控件作相应的处理。不过，有时候，区域(id="checkitems")的布局不像上面那么简单，于是就有了下面的方法：

 var inputcontrol= document.getElementById(DivID).childNodes[Index].getElementsByTagName("input"); 

 
其实还有很多，根据上面的实例我们可以举一反三。