急急急急急急急急急急!!!!表格中任意位置插入行

Question

我有个表格1列10行，动态的添加了两列都是10行的，但是现在需要在新添加列中增加两行跟第一列的对其，用insertRow添加的话连第一列也添加就不对，请高手解答

Answer 1

<table  id="tb1" width="100%" cellpadding="0" cellspacing="0" border="1">
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
</table>
<button  onclick="add()" > add </button>
<script>
function add(){
 var tb=document.getElementById('tb1');
 var rs=tb.rows;
 for(var i=0;i<rs.length;i++){
   rs[i].insertCell(-1).innerHTML=rs[i].cells[0].innerHTML
   rs[i].insertCell(-1).innerHTML=rs[i].cells[0].innerHTML
 }
}
</script>

Answer 2

我还需要给每个checkbox赋id，这样好像不大行呢

Answer 3

 <table  id="tb1" width="100%" cellpadding="0" cellspacing="0" border="1">
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
   <tr><td><input type="checkbox"></td></tr>
</table>
<button  onclick="add()" > add </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
}

</script>