首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

急遍历table中checkbox解决方法

2013-09-28 
急急急急急急急急急急急!!!!遍历table中checkbox我想一行行的遍历取出checkbox中的选的值,请高手解答。[解

急急急急急急急急急急急!!!!遍历table中checkbox
我想一行行的遍历取出checkbox中的选的值,请高手解答。急遍历table中checkbox解决方法
[解决办法]
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])
}
}
试试
[解决办法]
那你就先遍历table里的tr  然后遍历tr里的checkbox试试
[解决办法]



<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>

热点排行