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

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

1 <div class="fieldrow" >

2 <div class="powerrowitem">

3 <input name="checkshopping" type="radio" value="31" />

4 <label for="checkshopping1">审核组1</label>

5 </div>

6 <div class="powerrowitem">

7 <input name="checkshopping" type="radio" value="32" />

8 <label for="checkshopping2">审核组2</label>

9 </div>

10 <div class="powerrowitem">

11 <input name="checkshopping" type="radio" value="33" />

12 <label for="checkshopping3">审核组3</label>

13 </div>

14 <div class="powerrowitem">

15 <input name="checkshopping" type="radio" value="34" />

16 <label for="checkshopping4">审核组4</label>

17 </div>

18 </div>

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

1 var inputcontrol= document.getElementById("checkitems").getElementsByTagName("input");

2 for(var index=0;index < inputcontrol.length;index++)

3 {

4 //处理逻辑

5 }

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

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

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