当前位置：Gxlcms > JavaScript > 两个table之间相互移动数据

两个table之间相互移动数据

时间：2021-07-01 10:21:17 帮助过：23人阅读

<script language=javascript> 
function moveIt(obj){ 
var tableId; 
if(obj.parentNode.parentNode.id == "t1"){ 
tableId = document.getElementById("t2"); 
}else{ 
tableId = document.getElementById("t1"); 
} 
var newRow = tableId.insertRow(0); 
newRow.insertCell(0).innerHTML = obj.cells(0).innerHTML; 
newRow.insertCell(1).innerHTML = obj.cells(1).innerHTML; 
obj.removeNode(true); 
} 
</script> 
<table id=t1 border=1> 
<tr> 
 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>1</td> 
</tr> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>2</td> 
</tr> 
</table><hr> 
<table id=t2 border=1> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>3</td> 
</tr> 
<tr> 
<td><input type=checkbox onclick="this.checked=false;{moveIt(this.parentNode.parentNode);}"></td> 
<td>4</td> 
</tr> 
</table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

人气教程排行