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

gz5182009 2013-09-24 02:22:04
我有个表格1列10行,动态的添加了两列都是10行的,但是现在需要在新添加列中增加两行跟第一列的对其,用insertRow添加的话连第一列也添加就不对,请高手解答
...全文
106 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
fzfei2 2013-09-24
  • 打赏
  • 举报
回复

<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>
gz5182009 2013-09-24
  • 打赏
  • 举报
回复
引用 1 楼 fzfei2 的回复:

<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>
我还需要给每个checkbox赋id,这样好像不大行呢
fzfei2 2013-09-24
  • 打赏
  • 举报
回复

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

87,904

社区成员

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

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