怎样判断表格的某一列是否存在相同数据

本帖最后由 gaoqingchun2007 于 2009-08-07 17:38:18 编辑

解决方案 »

  1.   

    <html>
    <body>
        <table width="90%" border="1" cellspacing="1" cellpadding="1" id="datatable">
        <tr>
        <td>ID </td>
        <td>Type</td>
        <td>Title</td>
      </tr>
      <tr>
        <td>1</td>
        <td>a</td>
        <td>title1</td>
      </tr>
      <tr>
        <td>2</td>
        <td>b</td>
        <td>title2</td>
      </tr>
      <tr>
        <td>3</td>
        <td>a</td>
        <td>title3</td>
      </tr>
      <tr>
        <td>4</td>
        <td>b</td>
        <td>title4</td>
      </tr>
      <tr>
        <td>5</td>
        <td>a</td>
        <td>title5</td>
      </tr>
    </table>
    <script language="javascript" type="text/javascript">
          //在这里，现获取表格，再getElementsByTagName；
            var tbl = document.getElementById('datatable');
            var trs = tbl.getElementsByTagName('tr');
            for(var i=1; i<trs.length; i++){
                    trs[i].onmouseover = function(){
                            this.style.backgroundColor = "#eee";
                            var _type = this.childNodes[1].childNodes[0].data;
                            for(var j=1; j<trs.length; j++){
                                    if(trs[j].childNodes[1].childNodes[0].data==_type){
                                            trs[j].style.backgroundColor = "#eee";
                                    }
                            }
                    }
                    trs[i].onmouseout = function(){
                            for(var j=1; j<trs.length; j++){
                                    trs[j].style.backgroundColor = "#fff";
                            }
                    }
            }
    </script>
    </body>
    </html>
      

  2.   


    <script language="javascript" type="text/javascript">
    function check(n){ 
       var tb = document.getElementById("tb");
       var b = false;
       for(var i=1;i<tb.rows.length-1;i++){
          b = false;
          for(var j=i+1;j<tb.rows.length;j++){
            if(tb.rows[i].cells[n].innerHTML == tb.rows[j].cells[n].innerHTML){
             b = true; break;
            }
          }
          if(b) break;
       }
       if(b) alert("重复");
       else alert("无重复");
    } 
    </script>
    <input type="button" value="检查1" onclick="check(0);">
    <input type="button" value="检查2" onclick="check(1);">
    <input type="button" value="检查3" onclick="check(2);">
    <table id="tb">
    <tr><td>列1</td><td>列2</td><td>列3</td></tr>
    <tr><td>A</td><td>B</td><td>c</td></tr>
    <tr><td>D</td><td>b</td><td>e</td></tr>
    <tr><td>A</td><td>c</td><td>d</td></tr>
    </table>