表格自动排序问题，如何用javascript实现,谢谢

<html>
<head>
    <title>tree</title>
    <meta name="designer" content="" />
</head>
<style>
body{
FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
input {
FONT-SIZE: 9pt; height: 15pt; width:50px; cursor: default;
}
table{
font-size: 9pt;
word-break:break-all;
cursor: default;
BORDER: black 1px solid;
background-color:#eeeecc;
border-collapse:collapse;
border-Color:#999999;
align:center;
}
</style>
<script type=text/javascript>
function sortTable(tableid, col)
{
var table = document.getElementById(tableid);
for (var i = 0; i < table.rows.length - 1; i++)
{
for (var j = i; j < table.rows.length; j++)
{
if (parseInt(table.rows(i).cells(col).innerHTML) > parseInt(table.rows(j).cells(col).innerHTML))
{
table.rows(i).swapNode(table.rows(j));
}
}
}
}
window.onload=function(){sortTable("tb", 2)};
</script>
<body>
<form name="frm1" method="post" action="/addcontent.jsp">
<table id="tb" width="60%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="24%" align="center"><input type="checkbox" name="id" value="15"></td>
    <td width="56%">后台数据库编程</td>
    <td width="20%">0</td>
  </tr>
  <tr>
    <td width="24%" align="center"><input type="checkbox" name="id" value="3"></td>
    <td width="56%">用户体验综合版</td>
    <td width="20%">3</td>
  </tr>
  <tr>
    <td width="24%" align="center"><input type="checkbox" name="id" value="7"></td>
    <td width="56%">英语学习和技术翻译</td>
    <td width="20%">1</td>
  </tr>
</table>
</form>
</body>
</html>

解决方案 »

  1.   

    <html>
    <head>
        <title>tree</title>
        <meta name="designer" content="csdn design team - meizz" />
    </head>
    <style>
    body{
    FONT-SIZE: 9pt; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
    }
    input {
    FONT-SIZE: 9pt; height: 15pt; width:50px; cursor: default;
    }
    table{
    font-size: 9pt;
    word-break:break-all;
    cursor: default;
    BORDER: black 1px solid;
    background-color:#eeeecc;
    border-collapse:collapse;
    border-Color:#999999;
    align:center;
    }
    </style>
    <script language=javascript>
    function show()
    {
    var temp=new Array()
    var obj=document.getElementById("table1").childNodes[0]
    var objs=obj.childNodes
    for(var i=0;i<objs.length;i++)
    {
    temp[i]=new Array(objs[i].childNodes[2].innerText,objs[i])
    }
    temp.sort(function(a,b){return a[0]-b[0]})
    for(var i=0;i<temp.length;i++)
    obj.appendChild(temp[i][1])
    }
    </script>
    <body>
    <form name="frm1" method="post" action="/addcontent.jsp">
    <table width="60%" border="0" cellspacing="0" cellpadding="0" align="center" id="table1">
      <tr>
        <td width="24%" align="center"><input type="checkbox" name="id" value="15"></td>
        <td width="56%">后台数据库编程</td>
        <td width="20%">0</td>
      </tr>
      <tr>
        <td width="24%" align="center"><input type="checkbox" name="id" value="3"></td>
        <td width="56%">用户体验综合版</td>
        <td width="20%">3</td>
      </tr>
      <tr>
        <td width="24%" align="center"><input type="checkbox" name="id" value="7"></td>
        <td width="56%">英语学习和技术翻译</td>
        <td width="20%">1</td>
      </tr>
    </table>
    <input name="button1" type="button" value="排序" onclick=show()>
    </form>
    </body>
    </html>
      

  2.   

    把我的这句话改下就可以了
    temp.sort(function(a,b){return b[0]-a[0]})
      

  3.   

    if (parseInt(table.rows(i).cells(col).innerHTML) > parseInt(table.rows(j).cells(col).innerHTML))
    把大于号改成小于号
      

  4.   

    抛砖引玉
    <html> 
    <head> 
            <title> tree </title> 
            <meta   name= "designer "   content= " "   /> 
    </head> 
    <style> 
    body{ 
    FONT-SIZE:   9pt;   PADDING-RIGHT:   0px;   PADDING-LEFT:   0px;   PADDING-BOTTOM:   0px;   PADDING-TOP:   0px; 
    } 
    input   { 
    FONT-SIZE:   9pt;   height:   15pt;   width:50px;   cursor:   default; 
    } 
    table{ 
    font-size:   9pt; 
    word-break:break-all; 
    cursor:   default; 
    BORDER:   black   1px   solid; 
    background-color:#eeeecc; 
    border-collapse:collapse; 
    border-Color:#999999; 
    align:center; 
    } 
    </style> 
    <script   type=text/javascript>
    var bb=true; 
    function   sortTable(tableid,   col) 
    { 
    var   table   =   document.getElementById(tableid); 
    for   (var   i   =   0;   i   <   table.rows.length   -   1;   i++) 
    { 
    for   (var   j   =   i;   j   <   table.rows.length;   j++) 
    { 
    if(col==2)
    {
    if(bb==true)
    {
    if(parseInt(table.rows(i).cells(col).innerHTML)   >   parseInt(table.rows(j).cells(col).innerHTML)) 
    { 
    table.rows(i).swapNode(table.rows(j)); 
    } 
    }
    else
    {
    if(parseInt(table.rows(i).cells(col).innerHTML)   <   parseInt(table.rows(j).cells(col).innerHTML)) 
    { 
    table.rows(i).swapNode(table.rows(j)); 
    } 
    }
    }
    else
    {
    if(bb==true)
    {
    if(table.rows(i).cells(col).innerHTML <   table.rows(j).cells(col).innerHTML) 
    { 
    table.rows(i).swapNode(table.rows(j)); 
    } 
    }
    else
    {
    if(table.rows(i).cells(col).innerHTML >   table.rows(j).cells(col).innerHTML) 
    { 
    table.rows(i).swapNode(table.rows(j)); 
    } 
    }


    }
    } 
    } 
    bb=!bb;
    } 
    //window.onload=function(){sortTable( "tb",   2)}; 
    </script> 
    <body> 
    <form   name= "frm1 "   method= "post "   action= "/addcontent.jsp "> 
    <table   id= "tb"   width= "60% "   border= "0 "   cellspacing= "0 "   cellpadding= "0 "   align= "center "> 
        <tr> 
            <td   width= "24% "   align= "center "> <input   type= "checkbox"  checked name= "id "   value= "3 "> </td> 
            <td   width= "56% "> 后台数据库编程 </td> 
            <td   width= "20% "> 0 </td> 
        </tr> 
        <tr> 
            <td   width= "24% "   align= "center "> <input   type= "checkbox"   name= "id "   value= "3 "> </td> 
            <td   width= "56% "> 用户体验综合版 </td> 
            <td   width= "20% "> 3 </td> 
        </tr> 
        <tr> 
            <td   width= "24% "   align= "center "> <input   type= "checkbox"  checked name= "id "   value= "3 "> </td> 
            <td   width= "56% "> 英语学习和技术翻译 </td> 
            <td   width= "20% "> 1 </td> 
        </tr> 
        <tr> 
            <td   width= "24% "   align= "center "> <input   type= "checkbox"   name= "id "   value= "3 "> </td> 
            <td   width= "56% "> hei </td> 
            <td   width= "20% "> 1 </td> 
        </tr> 
    </table> <input   name= "button1 "   type= "button "   value= " "   onclick=sortTable("tb",0)> 
    <input   name= "button1 "   type= "button "   value= "排序1 "   onclick=sortTable("tb",1)>
    <input   name= "button1 "   type= "button "   value= "排序2 "   onclick=sortTable("tb",2)>
    </form> 
    </body> 
    </html>