如何显示表格内容

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>newpage</title>
</head>
<body>
<table border="1" width="100%"> 
<tr>  
<td><input type=checkbox></td > 
<td>11111</td  >  
</tr>  
<td><input type=checkbox></td> 
<td>22222</td>
</tr> 
<td><input type=checkbox></td> 
<td>33333</td> 
</tr> 
<td><input type=checkbox></td> 
<td>44444</td> 
</tr> 
<td><input type=checkbox></td> 
<td>55555</td>   
</tr>  
</table>
<input type=button value="查看" onclick=getVal()>
</body>
<script>
function getVal(){
var t=document.getElementsByTagName("table")[0];
for(var i=0;i<t.rows.length;i++){
if(t.rows(i).cells(0).firstChild.checked){
alert("第"+(i+1)+"行已选中,值为:"+t.rows(i).cells(1).innerText);
}
}
}
</script>
</html>
这些是基本的东西,lz还要加油哦

解决方案 »

  1.   


    window.onload=function()
    {
       var buttons=document.getElementsByTagName("input");
       for(var i=0;i<buttons.length;i++)
       {
          var thisButton=buttons[i];
          if(thisButton.getAttribute("value")=="view")
          {
             thisButton.onclick=function()
             {
                $("divDisplay").innerHTML=this.parentNode.parentNode.innerHTML;
             }
          }
       }
    }function $(objID)
    {
       return document.getElementById(objID);
    }
    <table border="1" style="border:1px solid red;" width="50%">
    <tr>
    <td>aa</td><td>bb</td><td>cc</td><td>dd</td><td><input type="button" value="view"></td>
    </tr>
    <tr>
    <td>ee</td><td>ff</td><td>gg</td><td>zz</td><td><input type="button" value="view"></td>
    </tr>
    </table>
    <br>
    <div id="divDisplay" style="border:1px solid;background-color:#E8E8E8;width:50%"></div>=============================================
    是這個意思嗎?