动态控制Table的js代码
动态控制Table的js代码
发布时间:2016-12-30 来源:查字典编辑
摘要:第一个第二个第三个第四个第五个第六个第七个第八个第九个第十个

<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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类