如何显示表格内容

techie1107 2007-10-11 09:59:05

我有一个table表格，选中某一行后，点击“查看(button)”按钮可以实现对该行内容的显示？如何用JS实现？
请教下高手：）
谢谢！

...全文

91 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

techie1107 2007-10-23

打赏
举报

谢谢大家

HonorsOffice 2007-10-11

打赏
举报



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>

=============================================
是這個意思嗎?

浪尖赏花 2007-10-11

打赏
举报

<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>