document.getElementsByTagName遍历复选框

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[n].type=='checkbox' && arr[n].checked){
      arrValue[i++] = arr[n].value;
   }
} 

实例

<!– 获取复选框的值–>

 代码如下 复制代码

<script>
function func(){
 var arr = document.getElementsByName('checkbox');
 for(var n=0;n <arr.length;n++){
   alert(arr[n].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>  
时间： 2024-09-07 08:16:57

document.getElementsByTagName遍历复选框的相关文章

checkbox-jQuery ajax 获取 c:foreach 遍历的cheakbox复选框选中的值

问题描述 jQuery ajax 获取 c:foreach 遍历的cheakbox复选框选中的值 <div class=""hh1""><div class=""hh""><div class=""box""><div id=""1"" class=""leftbox"&quo

struts2标签如何搭配遍历并设置复选框为check

问题描述 求教高手:JSP页面复选框,如何在数据库读出来后,用struts2标签进行遍历并设置check属性?是struts2哦.今天真是懵了,求助啊,在线等 解决方案 解决方案二:<s:iterator>用这个标签啊解决方案三:汗..这个知道,不过<s:iterator>还要嵌套<s:if>标签就懵了,求个范例,先谢谢2楼解决方案四:比如在一个JSP页面内<%Listlist=newArrayList();list.add("Max");li

复选框不同名,如何判断正好选了十个?

问题描述 复选框只能选十个选项(不能少选也不能多选),怎么判断啊?<%dimrsdimsqldimnamesetrs=server.createobject("adodb.recordset")%><formaction="vote.asp"method="post"target="votedo"><tr><tr><td><%dowhilenotrs1.eof%

全选DataGrid里的复选框

datagrid|复选框 我们经常会在DataGrid里选择一组数据,然后批量操作,如果要全部操作的话需要一个全选的功能,如果你用这个全选按钮的服务器端事件来让DataGrid里复选框的全选的话,会多一次向服务器的回传,我们可以写一个js函数来简化这一步骤.其实DataGrid在客户端会生成一个html表格,表格的id属性就是DataGrid的ID,这个ID可以用ClientID获取,然后你的全选按钮也可以在后台编码里添加一个onclick属性来让他执行你写好的js代码,比如你声明了一个Data

javascript中DOM复选框选择用法实例

  本文实例讲述了javascript中DOM复选框选择用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 <html xmlns="http://www

js使用DOM设置单选按钮、复选框及下拉菜单的方法

 这篇文章主要介绍了js使用DOM设置单选按钮.复选框及下拉菜单的方法,较为详细的分析了单选按钮.复选框及下拉菜单的具体用法及实现技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js使用DOM设置单选按钮.复选框及下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都

jquery操作下拉列表、文本框、复选框、单选框集合

 jquery操作拉列表.文本框.复选框.单选框集合.各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法 各种对下拉列表.文本框.复选框.单选框的jquery的相关操作.做为记录和收藏的最好方法.  遍历option和添加.移除option function changeShipMethod(shipping){  var len = $("select[@name=ISHIPTYPE] option").length  if(shipping.v

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证_jquery

jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> &l

javascript中DOM复选框选择用法实例_javascript技巧

本文实例讲述了javascript中DOM复选框选择用法.分享给大家供大家参考.具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>复选框全选全清和反选</title> &l