您的位置：首页 > 其它

document.getElementsByTagName遍历复选框

2016-11-24 09:08 357 查看
getElementsByTagName：找出相匹配的标签的一个集合并且遍历，下面我们以获取 checkbox多选为实例来介绍。

document.getElementsByTagName(tagname)

说明

getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

核心代码
 代码如下复制代码
function func(){

var arr = document.getElementsByTagName('input');

var arrValue = [];

var i=0;

for(var n=0;n <arr.length;n++){

   if(arr
.type=='checkbox' && arr
.checked){

      arrValue[i++] = arr
.value;

   }

} 
实例

<!– 获取复选框的值–>
 代码如下复制代码
<script> 

function func(){ 

 var arr = document.getElementsByName('checkbox'); 

 for(var n=0;n <arr.length;n++){ 

   alert(arr
.value); 

} 

} 

</script> 

<body> 

<div id="box"> 

<input name="checkbox" id="ch1" type="checkbox" value="aa">aa   

<input name="checkbox" id="ch2" type="checkbox" value="bb" checked>bb 

<input name="checkbox" id="ch3" type="checkbox" value="cc" checked>cc 

<input name="checkbox" id="ch4" type="checkbox" value="dd">dd 

</div> 

<input type="button" value="check" onClick="func()"> 

</body> 

</html>
同时还可以获取 div元素
 代码如下复制代码
<span id="aa">11</span>

<span id="aa1">22</span>

<span id="aa2">33</span>

<script>

var pp = document.getElementsByTagName("span");

for(i=0;i<pp.length;i++){

   alert(pp[i].innerHTML);

}

</script>  
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航