Maison > Article > interface Web > 两个table之间相互移动数据_javascript技巧

两个table之间相互移动数据_javascript技巧

WBOYoriginal: 2016-05-16 18:52:341176parcourir

<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需刷新才能执行]

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：javascript 根据指定字符把字符串拆分为数组_javascript技巧Article suivant：input+select(multiple) 实现下拉框输入值_javascript技巧

Articles Liés

Voir plus