`
yuexiaowen
  • 浏览: 121984 次
  • 性别: 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;  
                }  
            }  
        }  
    }  

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics