<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

 1/2    1