作家
登录

动态控制Table的js代码

作者: 来源:www.28hudong.com 2013-03-30 03:40:55 阅读 我要评论

<table width="100%" border="1"> <tr> <td width="10%"><table width="100%" height="100%" border="1"> <tr> <td><input type="button" name="Submit3" value="最上" onClick="moveFirst()"></td> </tr> <tr> <td><input type="button" name="Submit" value="向上" onClick="moveUp()"></td> </tr> <tr> <td><input type="button" name="Submit2" value="向下" onClick="moveDown()"></td> </tr> <tr> <td><input type="button" name="Submit4" value="最下" onClick="moveEnd()"></td> </tr> </table></td> <td><table width="100%" border="1" id="DynaTable"> <tr> <td><input type="radio" name="radio1" value="1" onClick="radioChecked(this)"></td> <td>第一个</td> </tr> <tr> <td><input type="radio" name="radio1" value="2" onClick="radioChecked(this)"></td> <td>第二个</td> </tr> <tr> <td><input type="radio" name="radio1" value="3" onClick="radioChecked(this)"></td> <td>第三个</td> </tr> <tr> <td><input type="radio" name="radio1" value="4" onClick="radioChecked(this)"></td> <td>第四个</td> </tr> <tr> <td><input type="radio" name="radio1" value="5" onClick="radioChecked(this)"></td> <td>第五个</td> </tr> <tr> <td><input type="radio" name="radio1" value="6" onClick="radioChecked(this)"></td> <td>第六个</td> </tr> <tr> <td><input type="radio" name="radio1" value="7" onClick="radioChecked(this)"></td> <td>第七个</td> </tr> <tr> <td><input type="radio" name="radio1" value="8" onClick="radioChecked(this)"></td> <td>第八个</td> </tr> <tr> <td><input type="radio" name="radio1" value="9" onClick="radioChecked(this)"></td> <td>第九个</td> </tr> <tr> <td><input type="radio" name="radio1" value="10" onClick="radioChecked(this)"></td> <td>第十个</td> </tr> </table></td> </tr> </table> <script language="javascript"> <!-- var moveRow=false; var moveRadio=false; function radioChecked(obj){ moveRadio=obj; moveRow=obj.parentNode.parentNode; } function moveUp(){ if(moveRow){ var prevRow=moveRow.previousSibling; if(prevRow){ document.all["DynaTable"].childNodes[0].insertBefore(moveRow,prevRow); moveRadio.checked=true; } } } function moveDown(){ if(moveRow){ var nexRow=moveRow.nextSibling; if(nexRow){ var nnextRow=nexRow.nextSibling; if(nnextRow){ document.all["DynaTable"].childNodes[0].insertBefore(moveRow,nnextRow); }else{ document.all["DynaTable"].childNodes[0].appendChild(moveRow); } moveRadio.checked=true; } } } function moveEnd(){ if(moveRow){ document.all["DynaTable"].childNodes[0].appendChild(moveRow); moveRadio.checked=true; } } function moveFirst(){ if(moveRow){ document.all["DynaTable"].childNodes[0].insertBefore(moveRow,document.all["DynaTable"].childNodes[0].firstChild); moveRadio.checked=true; } } //--> </script>

  推荐阅读

  限制文本字节数js代码

做项目时自己写一段js给大家。关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便>>>详细阅读


本文标题:动态控制Table的js代码

地址:http://www.17bianji.com/kaifa2/JS/30848.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)