两个table之间相互移动数据

更新时间：2009年05月20日 01:45:07 作者：

两个table之间相互移动数据的实现代码。

<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需再刷新一下页面才能执行]

相关文章

js对文章内容进行分页示例代码
这篇文章主要介绍了使用js对文章内容进行分页的具体实现,需要的朋友可以参考下
2014-03-03
js如何将元素滚动到可见区域
文章介绍了如何使用scrollIntoViewIfNeeded方法将元素滚动到可见区域,以及如何通过配置对象控制滚动行为,还提供了一个纯JavaScript的解决方案,可以实现类似的功能
2024-12-12
移动端刮刮乐的实现方式（js+HTML5）
本篇文章主要介绍了移动端刮刮乐的实现方法以及实现代码。具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
javascript设计模式之解释器模式详解
这篇文章主要介绍了javascript设计模式之解释器模式详解,当有一个语言需要解释执行，并且可以将该语言中的句子表示为一个抽象语法树的时候，可以考虑使用解释器模式,需要的朋友可以参考下
2014-06-06
JS实现最简单的冒泡排序算法
这篇文章主要介绍了JS实现最简单的冒泡排序算法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-02-02
JavaScript 基础表单验证示例(纯Js实现)
下面小编就为大家带来一篇JavaScript 基础表单验证示例(纯Js实现)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
微信小程序实现根据字母选择城市功能
这篇文章主要为大家详细介绍了微信小程序中根据字母选择城市的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
JS弹出窗口的运用与技巧大全
本篇文章主要介绍了JS弹出窗口的运用与技巧大全,详解介绍了几种利用网页弹出各种形式的窗口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2016-11-11
浅谈Webpack多页应用HMR卡住问题
这篇文章主要介绍了浅谈Webpack多页应用HMR卡住问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
JS实现5秒钟自动封锁div层的方法
这篇文章主要介绍了JS实现5秒钟自动封锁div层的方法,涉及javascript针对div层操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02

最新评论