<tablewidth="100%"border="1">
<tr>
<tdwidth="10%"><tablewidth="100%"height="100%"border="1">
<tr>
<td><inputtype="button"name="Submit3"value="最上"onClick="moveFirst()"></td>
</tr>
<tr>
<td><inputtype="button"name="Submit"value="向上"onClick="moveUp()"></td>
</tr>
<tr>
<td><inputtype="button"name="Submit2"value="向下"onClick="moveDown()"></td>
</tr>
<tr>
<td><inputtype="button"name="Submit4"value="最下"onClick="moveEnd()"></td>
</tr>
</table></td>
<td><tablewidth="100%"border="1"id="DynaTable">
<tr>
<td><inputtype="radio"name="radio1"value="1"onClick="radioChecked(this)"></td>
<td>第一个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="2"onClick="radioChecked(this)"></td>
<td>第二个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="3"onClick="radioChecked(this)"></td>
<td>第三个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="4"onClick="radioChecked(this)"></td>
<td>第四个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="5"onClick="radioChecked(this)"></td>
<td>第五个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="6"onClick="radioChecked(this)"></td>
<td>第六个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="7"onClick="radioChecked(this)"></td>
<td>第七个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="8"onClick="radioChecked(this)"></td>
<td>第八个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="9"onClick="radioChecked(this)"></td>
<td>第九个</td>
</tr>
<tr>
<td><inputtype="radio"name="radio1"value="10"onClick="radioChecked(this)"></td>
<td>第十个</td>
</tr>
</table></td>
</tr>
</table>
<scriptlanguage="javascript">
<!--
varmoveRow=false;
varmoveRadio=false;
functionradioChecked(obj){
moveRadio=obj;
moveRow=obj.parentNode.parentNode;
}
functionmoveUp(){
if(moveRow){
varprevRow=moveRow.previousSibling;
if(prevRow){
document.all["DynaTable"].childNodes[0].insertBefore(moveRow,prevRow);
moveRadio.checked=true;
}
}
}
functionmoveDown(){
if(moveRow){
varnexRow=moveRow.nextSibling;
if(nexRow){
varnnextRow=nexRow.nextSibling;
if(nnextRow){
document.all["DynaTable"].childNodes[0].insertBefore(moveRow,nnextRow);
}else{
document.all["DynaTable"].childNodes[0].appendChild(moveRow);
}
moveRadio.checked=true;
}
}
}
functionmoveEnd(){
if(moveRow){
document.all["DynaTable"].childNodes[0].appendChild(moveRow);
moveRadio.checked=true;
}
}
functionmoveFirst(){
if(moveRow){
document.all["DynaTable"].childNodes[0].insertBefore(moveRow,document.all["DynaTable"].childNodes[0].firstChild);
moveRadio.checked=true;
}
}
//-->
</script>
【动态控制Table的js代码】相关文章：
★ 让插入到 innerHTML 中的 script 跑起来的实现代码
★ 强制设为首页代码