将多个表行移动到另一个表而不刷新页面 - Move multiple table rows to another table without page refresh

Move multiple table rows to another table without page refresh

本文关键字：刷新另一个移动 | 更新日期: 2023-09-27

我显示来自db的表格，并且我有每一行的复选框，我想在不刷新页面的情况下将所选行从一个表移动到另一个"所选表"。？必须从当前表中删除当前选择。我可以像从 tab-1 中选择 * 一样进行查询，其中 id=$selected。也可以将其移动到另一个表，插入tab_name等等。但是不知道如何在不刷新和一些不错的效果的情况下做到这一点？可能与jquery任何指针或帮助。

<table id="tab-1">
<thead>
    <tr>
        <th scope="col">Select</th>
        <th scope="col">ID</th>
        <th scope="col">A</th>
        <th scope="col">B</th>
        <th scope="col">C</th>
        <th scope="col">D</th>
        <th scope="col">E</th>
        <th scope="col">E</th>
        <th scope="col">F</th>
        <th scope="col">G</th>
        <th scope="col">H</th>
        <th scope="col">I</th>
        <th scope="col">J</th>
        <th scope="col">k</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><input type="checkbox" name="checkbox[]" id="checkbox[]" value="<?php echo $row['ID']; ?>"  /></td>
        <td><?php echo $row['ID']; ?></td>
        <td><?php echo $row['A']; ?></td>
        <td><?php echo $row['B']; ?></td>
        <td><?php echo $row['D']; ?></td>
        <td><?php echo $row['E']; ?></td>
        <td><?php echo $row['F']; ?></td>
        <td><?php echo $row['G']; ?></td>
        <td><?php echo $row['H']; ?></td>
        <td><?php echo $row['I']; ?></td>
        <td><?php echo $row['J']; ?></td>
        <td><?php echo $row['K']; ?></td>
        <td><?php echo $row['L']; ?></td>
        <td><?php echo $row['M']; ?></td>
    </tr>
</tbody>
<table>

使用 jQuery 时，Ajax 就可以这样做了。

<script>
    $('.checkBox').change(function() {
       var selected = $(this).val();
       $.post('yourfile.php' , {
         selected : selected
       } , function(data){
            alert(data);
        });
    });
    $('.checkBox').mousedown(function() {
        if (!$(this).is(':checked')) {
            $(this).trigger("change");
        }
    });
</script>

在yourfile.php中，您可以执行选择和插入查询