`
yuexiaowen
  • 浏览: 124657 次
  • 性别: Icon_minigender_2
  • 来自: 咸阳
社区版块
存档分类
最新评论

js做的上移,下移

阅读更多
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上移下移 js

    以上代码提供了一个基本的表格行上移下移功能的实现思路。在实际项目中,你可能需要根据具体需求进行调整,比如处理表头(thead)、分页、数据绑定等复杂情况。`grid.js`可能是实现了类似功能的库,而`txt`文件可能...

    jquery动态增加修改删除表格,上移下移功能

    在这个“jquery动态增加修改删除表格,上移下移功能”的项目中,开发者利用jQuery实现了对表格的动态操作,这在网页数据展示和管理中非常常见。 首先,我们来理解这个项目的标题:“jquery动态增加修改删除表格,上移...

    后台上移下移,编辑,删除效果

    "后台上移下移,编辑,删除效果"是常见的功能需求,特别是在管理界面或者数据列表展示中。这个功能通常涉及到JavaScript库,尤其是jQuery的运用,因为它提供了丰富的DOM操作和事件处理,使得动态更新数据变得简单易...

    js动态构建可以置顶、置底、上移、下移

    本篇文章将详细探讨如何使用JavaScript实现一个功能完备的表格,包括置顶、置底、上移、下移、添加和删除行的操作。 首先,我们需要创建一个基本的HTML结构,包含一个`&lt;table&gt;`元素,以及用于控制表格操作的按钮。...

    jsp页面数据的上移下移

    ### JSP 页面数据的上移下移实现方法 在网页应用开发中,有时我们需要实现列表项的上下移动功能,例如调整导航菜单、列表排序等。本文将详细介绍如何使用 JavaServer Pages (JSP) 实现这一功能,并通过示例代码进行...

    jQuery表格上移下移置顶代码.zip

    这个"jQuery表格上移下移置顶代码.zip"文件包含了一个利用jQuery实现的功能,允许用户对表格中的数据行进行上移、下移和置顶操作,这在数据管理或展示界面中非常常见,比如在后台管理系统或者数据分析应用中。...

    jQuery Select 上移下移

    本文将深入探讨“jQuery Select 上移下移”这一主题,它涉及到如何利用jQuery来实现选择框(Select)中选项的上移和下移功能。 一、jQuery Select 基础 在HTML中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`...

    js实现数组内数据的上移和下移的实例

    总的来说,通过这个简单的实例,我们不仅学习了如何使用JavaScript实现数组元素的上移和下移操作,更通过这个过程加深了对JavaScript数组操作方法的认识,并且可以将这种认识应用到解决更复杂的问题上。在前端开发...

    ListBox动态添加数据删除数据和上移下移

    提供的HTML文件"ListBox动态添加数据删除数据和上移下移.html"可能包含一个演示示例,展示了如何使用JavaScript或jQuery在客户端实现上述功能。它可能包括按钮,分别对应添加、删除、上移和下移操作,以及一个...

    利用jqgrid实现上移下移单元格功能

    在本文中,我们将深入探讨如何使用jqGrid,一个基于jQuery的表格插件,来实现单元格的上移和下移功能。jqGrid提供了一种高效且灵活的方式来展示和操作表格数据,包括与服务器端的数据交互。当我们需要调整表格中数据...

    JS实现点击上移下移LI行数据的方法

    这篇教程主要讲解了如何使用JS实现点击上移下移LI行数据的功能,这在创建交互式列表,如任务列表或者菜单栏时非常实用。下面将详细阐述实现这个功能的关键步骤和涉及的JavaScript技术。 首先,我们需要理解HTML结构...

    ASP.NET中TreeView节点上移下移{完整的例题}

    以上就是一个完整的ASP.NET中TreeView节点上移下移的实现过程,结合无刷新效果,可以提供流畅的用户体验。在实际应用中,你可能需要根据具体需求调整代码,例如添加错误处理、优化性能或增强界面交互性。

    基于js实现数组相邻元素上移下移

    在前端开发中,处理数组元素的上移和下移操作是常见的需求,尤其是在列表项顺序调整、排序等功能中。JavaScript作为一种强大的脚本语言,提供了多种方法来操作数组,包括添加、删除和修改数组元素。在实现数组元素的...

    添加、删除、上移、下移div

    本主题主要探讨如何利用HTML、CSS以及JavaScript库jQuery(简称`jq`)来实现`div`元素的添加、删除、上移和下移操作。这四个功能在动态布局和交互式用户界面设计中尤为常见。 首先,我们来看HTML部分。`div`元素...

    Ext grid中数据上移下移

    Ext grid中数据上移下移

    上移下移及表格复选框获取

    综上所述,"上移下移及表格复选框获取"这个功能涵盖了Web开发中的表格布局、用户交互、事件处理、数据操作等多个核心知识点,需要开发者具备扎实的HTML、CSS和JavaScript基础,同时也需要了解现代Web开发的最佳实践...

    JS技术实现动态置顶、置底、上移、下移

    在JavaScript(JS)编程中,动态置顶、置底、上移和下移通常是用于处理数据列表或表格的常见操作,这些操作可以增强用户界面的交互性和可用性。本篇文章将详细探讨如何利用JS实现这些功能。 首先,我们需要理解基础...

Global site tag (gtag.js) - Google Analytics