这种可以比较选中的东西是怎么做的？

效果如：http://www.thecompleteuniversityguide.co.uk/single.htm?ipg=8726
可以比较两个学校的排名，还有：http://extras.timesonline.co.uk/tol_gug/gooduniversityguide.php哪里有这种脚本吗？我也想把它用到我的排名上

解决方案 »

  1.   

    不知道比较是依据什么标准，我这个只能选出被勾选的行；如果你懂jQuery的话，可以自己改改，jQuery实现起来更简单<HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>横向菜单</TITLE>
    <SCRIPT language="JavaScript">
    var $ = function(ele,id){
    return ele.getElementById(id);
    }
    var $$ = function(ele,tagName){
    return ele.getElementsByTagName(tagName);
    }
    window.onload = function(){
    var trs = $$($(document,"MyTable"),"tr");
    $(document,"compare").onclick = function(){
    for(var i=0;i<trs.length;i++){
    if(!$$(trs[i],"input")[0].checked){
    trs[i].style.display = "none";
    }
    }
    }
    $(document,"back").onclick = function(){
    for(var i=0;i<trs.length;i++){
    trs[i].style.display = "block";
    }
    }
    }
    </SCRIPT>
    </HEAD><BODY>
    <button id="compare">比较</button>
    <table width="386" border="1" id="MyTable">
      <tr>
        <td><label>
          <input type="checkbox" name="checkbox" value="checkbox">
        </label></td>
        <td>a1</td>
        <td>a2</td>
        <td>a3</td>
        <td>a4</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="checkbox2" value="checkbox"></td>
        <td>b1</td>
        <td>b2</td>
        <td>b3</td>
        <td>b4</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="checkbox3" value="checkbox"></td>
        <td>c1</td>
        <td>c2</td>
        <td>c3</td>
        <td>c4</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="checkbox4" value="checkbox"></td>
        <td>d1</td>
        <td>d2</td>
        <td>d3</td>
        <td>d4</td>
      </tr>
      <tr>
        <td><input type="checkbox" name="checkbox5" value="checkbox"></td>
        <td>f1</td>
        <td>f2</td>
        <td>f3</td>
        <td>f4</td>
      </tr>
    </table>
    <button id="back">返回</button>
    </BODY>
    </HTML>