function upList(){ //向上排序
var span = document.getElementById("trIds"); //得到要排序的tr所在的span,当然也可以设置要排序的tr的name。
var form = document.forms[0];
alert("form-========="+form);
if(form.radios == undefined || form.radios == "") //如果没有记录就不操作,防止没有记录点击排序按钮报错
{
return;
}
for(var i=0; i<form.radios.length;i++){
if(form.radios[i].checked){
if((i-1) < 0){
alert("已经到最顶端!");
}else{
var value1 = form.authOrders[i].value; //得到选择行的序号
var value2 = form.authOrders[i-1].value; //得到选择行前一行的序号
span.insertBefore(span.childNodes[i],span.childNodes[i-1]); //进行行的对调,选择行与前一行对换位置
form.authOrders[i].value = value1; //将开始选择行的序号赋给现在所在行 form.authOrders[i-1].value = value2; //将开始选择行前一行的序号赋给现在的所在行,及排序号不变,行对调
form.radios[i-1].checked = true; //将开始选择行的前一行的radio设置为选中状态,表示向上移了一行
}
}
}
}
function downList(){ //向下排序
var span = document.getElementById("trIds");
var form = document.forms[0];
if(form.radios == undefined || form.radios == "") //如果没有记录就不操作
{
return;
}
for(var i=0; i<form.radios.length;i++){
if(form.radios[i].checked){
if((i+1) > (form.radios.length-1)){
alert("已经到最底端!");
}else{
var value1 = form.authOrders[i].value; //得到选择行的序号
var value2 = form.authOrders[i+1].value; //得到选择行后一行的序号
if((i+2) > (form.radios.length-1)){
span.insertBefore(span.childNodes[i+1],span.childNodes[i]); //进行行的对调,选择行与后一行对换
form.radios[i+1].checked = true; //对调完后一行被选择,表示向下移动了一行
}else{
span.insertBefore(span.childNodes[i],span.childNodes[i+2]);
form.radios[i+1].checked = true;
}
form.authOrders[i].value = value1; //将开始选择行的序号赋给现在所在行
form.authOrders[i+1].value = value2; //将开始选择行后一行的序号赋给现在的所在行,及排序号不变,行对调
break;
}
}
}
}
分享到:
相关推荐
table上移下移table上移下移table上移下移table上移下移
js动态构建可以置顶、置底、上移、下移、添加、删除的table,
Select上移下移 jQuerySelect jQuerySelect移动 Select上下移动
主要介绍了基于js实现数组相邻元素上移下移,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Ext grid中数据上移下移
主要给大家介绍了关于如何利用jqgrid实现上移下移单元格功能的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
jQuery表格上移下移置顶代码是一款基于jQuery实现的数据行排列顺序进行调整特效代码。
前言 我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例... // 上移 $sc
使用JS技术实现数据行的动态置顶、置底、上移、下移
本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。 运行...
主要介绍了JS实现的表格操作类,可实现针对表格的添加,删除,排序,上移,下移等操作,具有一定参考借鉴价值,需要的朋友可以参考下
主要介绍了JS实现点击上移下移LI行数据的方法,涉及javascript针对LI列表动态排序的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
将文件直接复制到layui/lay/modules目录下,会覆盖layui原有的tree.js,调用方法与layui树形组件的适应方式一致,新增的方法可在文件中查看
主要介绍了js操作table中tr的顺序实现上移下移一行的效果 ,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
一个项目,包括了一个列表页其中包括在列表中实现上移,下移,删除等功能,为了用户体验,操作均使用JS实现
在javascript中,用DOM节点去实现表格内容移上 移下的效果 以及对表格进行添加删除等功能的实现。
下面小编就为大家带来一篇js实现数组内数据的上移和下移的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧