急急急急急急急急急急急!!!!遍历table中checkbox

gz5182009 2013-09-24 04:39:30
我想一行行的遍历取出checkbox中的选的值,请高手解答。
...全文
86 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
fzfei2 2013-09-24
  • 打赏
  • 举报
回复


<table  id="tb1" width="100%" cellpadding="0" cellspacing="0" border="1">
   <tr><td><input id="c1" type="checkbox"></td></tr>
   <tr><td><input id="c2"  type="checkbox"></td></tr>
   <tr><td><input id="c3" type="checkbox"></td></tr>
 
</table>


<button  onclick="add()" > add </button>

<button  onclick="getCheckBOx()" > getCheckBOx </button>

<script>
	function add(){
		 var tb=document.getElementById('tb1');
		 var rs=tb.rows,ii=0;
		 for(var i=0;i<rs.length;i++){
		 		 rs[i].insertCell(-1).appendChild( cEl('input',{type:'checkbox', value:ii, checked:true,  id: 'ch'+ ii++  }  )  );
		 		 rs[i].insertCell(-1).appendChild( cEl('input',{type:'checkbox',value:ii,id: 'ch'+ ii++  }  )  );
		 }
	}
	function cEl(tag,attrs){
		var el=document.createElement(tag);
		for(var k in attrs) el[k]=attrs[k]
 		return el
	}
	
	function getCheckBOx(){
		var tb=document.getElementById('tb1');
		 var rs=tb.rows ;
		 for(var i=0;i<rs.length;i++){
 				var cs=rs[i].getElementsByTagName('input');
 				for(var j=0;j<cs.length;j++){
 						alert( '行:'+i+'列:'+j +' checkbox.id:'+ cs[j].id   )	
 				}
 				
		 }
		
	}
</script>

gz5182009 2013-09-24
  • 打赏
  • 举报
回复
引用 3 楼 zzgzzg00 的回复:
那你就先遍历table里的tr 然后遍历tr里的checkbox试试
上个例子看看
似梦飞花 2013-09-24
  • 打赏
  • 举报
回复
那你就先遍历table里的tr 然后遍历tr里的checkbox试试
gz5182009 2013-09-24
  • 打赏
  • 举报
回复
引用 1 楼 zzgzzg00 的回复:
var s=document.getElementById('tableId').getElementsByTagName('input'); var a=[]; for(var i=0;i<s.length;i++){ if(s[i].type=='checkbox'){ a.push(s[i]) } } 试试
不是全部都混起来,是一行行的遍历出来
似梦飞花 2013-09-24
  • 打赏
  • 举报
回复
var s=document.getElementById('tableId').getElementsByTagName('input'); var a=[]; for(var i=0;i<s.length;i++){ if(s[i].type=='checkbox'){ a.push(s[i]) } } 试试

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧