0

我从数据库中获取数据并将其显示在带有复选框的表格中。我
想要做的是选定的行应该移动到第二个表中。我的 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();
         }
       });
      });
4

1 回答 1

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>

例子

于 2013-07-17T03:34:20.183 回答