</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 ) }
var a=[];
for(var i=0;i<s.length;i++){
if(s[i].type=='checkbox'){
a.push(s[i])
}
}
试试
<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>