0

データベースからデータを取得し、チェック ボックス付きのテーブルに表示します。私が
やりたいのは、選択した行を2番目のテーブルに移動することです.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 に答える