将所选行传输到另一个表

时间:2013-07-17 03:02:11

标签: javascript jquery mysql

我从数据库中获取数据并将其显示在带有复选框的表格中。我是什么 想要做的是选中的行应该进入第二个表。我的js出了点问题,我无法弄明白。它不起作用。这是代码

 $result=mysql_query($query)
or die('Error executing query'.mysql_error());

echo "<table id='tbl1' style='border: solid 1px red'>";
    echo "<tr><td>File Name";
    echo "<td>File Size";
    echo "<td>Date Modified</td></tr>";

 while($row=mysql_fetch_array($result))
 {

 echo"<tr><td><input type='checkbox'  class='chkclass' name=''  value='$row[fid]' />"; 
 echo "$row[file_path]";
 echo "<td>$row[file_size]";
 echo "<td>$row[file_modified]</td>"; 
}
 echo"</table>";

  echo "<table id='tbl2' style='border: solid 1px blue; margin-top: 10px'>";
  echo"</table>";

这是js代码:

(function(){
        $("#tbl1 input:checkbox.chkclass").click(function(){
         if ($(this).is(":checked"))
           {
             $(this).closest("tr").clone().appendTo("#tbl2");
           }
        else
          {
            var index = $(this).closest("tr").attr("data-index");
            var findRow = $("#tbl2 tr[data-index='" + index + "']");
            findRow.remove();
         }
       });
      });

1 个答案:

答案 0 :(得分:0)

您的代码存在几个问题

1)您没有正确关闭<td>

2)您未在data-index tbl1

中使用<tr>属性

html应该是这样的

<table id='tbl1' style='border: solid 1px red'>
    <tr>
       <td>File Name</td>
       <td>File Size</td>
       <td>Date Modified</td>
    </tr>

    <tr data-index="5">
       <td>
          <input type='checkbox'  class='chkclass' name=''  value='1' />       
       </td>
       <td>500,b</td>
       <td>yes</td>
    </tr>
 </table>

  <table id='tbl2' style='border: solid 1px blue; margin-top: 10px'>
  </table>

EXAMPLE