怎样用js获得一个table的一行鼠标单击?

怎样用js获得一个table的一行鼠标单击?

解决方案 »

  1.   

    http://topic.csdn.net/u/20071024/15/9e3a423c-7809-4b24-8caa-2165d97edfde.html
      

  2.   

    <html>
    <head>
    </head>
    <body onload="addTrEvent()">
    <table id="tbl" width="50%" border=1>
    <tr>
        <td width="20px"><input type="checkbox" name="chk" id="chk1"</td>
        <td>11</td>
        <td>12</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="chk" id="chk2"</td>
        <td>21</td>
        <td>22</td>
    </tr>
    <tr>
        <td><input type="checkbox" name="chk" id="chk3"</td>
        <td>31</td>
        <td>32</td>
    </tr>
    </table>
    </body>
    </html><script language="javascript" type="text/javascript">
    function addTrEvent()
    {
        var table = document.getElementById("tbl");
        for(var i=0;i<table.rows.length;i++)
        {
            table.rows[i].onclick = new Function("trFunc(this)")
        }
    }function trFunc(tr)
    {
        alert(tr.outerHTML+"\n"+"你单击的是第"+(tr.rowIndex+1)+"行");
    }
    </script>
      

  3.   

    给大家推荐一个JAVASCRIPT站点，http://www.tutejs.cn，来这里可以看到很多JAVASCRIPT。
      

  4.   

    <table width=""  height="" align="center"  border="0"  cellpadding="0"  cellspacing="0" >  
         <tr  align="center">  
               <td  align="center" onclick="alert('谁点了这行')">1</td>                          
         </tr>   
    　　　<tr  align="center">
    　　<td  align="center">2</td>  
    　　　</tr> 
    </table>
      

  5.   

    获得一个table的一行鼠标单击
    我很不明白楼住要什么！
      

  6.   

    楼主要补好多基础才行啊。行是table的row对象，方法有很多种，如果用标准的话，必须在浏览器onload以后实例化一个自定义对象去监听事件。这样做的目的是代码分离遵循标准。我这么说估计晕死人。你也可以直接在html的行上写onclick---你看看我的这段代码 http://feb-.blog.163.com/blog/static/1657789200792722111219/刚好是监听表格事件，你自己加多一个事件就行。再研究下吧
      

  7.   

    测试后的代码如下:
        通过MyClick函数,即可知道你选择了那行,也可知道你选择某行表格里面的值.
    <html>
         <head>
              <title>表格选择行的试测</title>
         </head>
    <script language="javascript">
         function MyClick(obj){
              var atr = obj.cells(0).firstChild.data;
              alert("你已选择了,ID为"+obj.id+"的行!,"+obj.id+"行的第一个表格内容是:"+atr);
         }
    </script>
    <body>
         <table border="1" bordercolor="#468a8a">
              <tr id="t1" onclick="MyClick(this);">
                   <td>&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;</td>
              </tr>
              <tr id="t2" onclick="MyClick(this);">
                   <td>&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;</td>
              </tr>
              <tr id="t3" onclick="MyClick(this);">
                   <td>&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;</td>
              </tr>
         </table>
    </body>
    </html>