请问在web开发中怎么用JS怎么实现table选定行啊？

主题：请问在web开发中怎么用JS怎么实现table选定行啊？

piaoyexie [专家分：1380] 发布于 2008-09-03 12:08:00

如题
JS不是很熟悉
thanks

本帖地址： http://bbs.pfan.cn/post/284063.html

回复列表（共2个回复）

沙发

happyboy2007 [专家分：3900] 发布于 2008-09-03 16:02:00

JavaScript可以获取选中的行，但无法设置表格选中的行。

<html>
    <head>
    <style type="text/css">
        .a {background-color:#c0c0c0}
        .b {background-color:#ffffff}
    </style>
    <script type="text/javascript">
        function getRow()
        {
            var tmp =event.srcElement;
            if(tmp.tagName=="TD")
            {
                tmp =  tmp.parentElement;
                tmp.className = "a";
                a.innerHTML = tmp.rowIndex+1;
            }
        }
        function myout()
        {
            var tmp =event.srcElement;
            if(tmp.tagName=="TD")
            {
                tmp =  tmp.parentElement;
                tmp.className = "b";
            }
        }
    </script>
  </head>
  <body>
      <center>
        <table width="60%" border="1" onmouseover="getRow();" onmouseout="myout();">
          <tr>
            <td>11</td><td>12</td><td>13</td>
          </tr>
          <tr>
            <td>21</td><td>22</td><td>23</td>
          </tr>
          <tr>
            <td>31</td><td>32</td><td>33</td>
          </tr>
        </table><br><br>
        选中的行为：<span id="a"></span>
    </center>
  </body>
</html>

板凳

piaoyexie [专家分：1380] 发布于 2008-09-03 17:55:00

var id;
  function listDbclick(obj,id){
  id = document.getElementById("id" + id).value;
    alert(id);

    if(!clickFlag){
      return false;
    }
    if(obj.className == "LISTBODYSELECT"){
      return false;
    }
    var rows = document.all.listBody.rows;
    var c=0;
    for(var i=1;i<rows.length;i++){c++;
      rows[i].className='LISTBODY';
    }
    obj.className="LISTBODYSELECT";
    obj.childNodes[10].style.background="#fff";
  }

function listDbclick(obj){

    if(!clickFlag){
      return false;
    }
    if(obj.className == "LISTBODYSELECT"){
      return false;
    }
    var rows = document.all.listBody.rows;
    var c=0;
    for(var i=1;i<rows.length;i++){c++;
      rows[i].className='LISTBODY';
    }
    obj.className="LISTBODYSELECT";
    obj.childNodes[10].style.background="#fff";
  }

listDbclick(obj) 改成 listDbclick(this,id) 后就不能选定行，原来是可以的，为什么啊？

我来回复

您尚未登录，请登录后再回复。点此登录或注册

主题：请问在web开发中怎么用JS怎么实现table选定行啊？

回复列表（共2个回复）

我来回复

程序员工具箱 new

代码片段

本版新帖

主题：请问在web开发中怎么用JS怎么实现table选定行啊？

回复列表 （共2个回复）

我来回复

程序员工具箱 new

代码片段

本版新帖

回复列表（共2个回复）