Question

所以我在php页面中有一个表格这个表格：

$page .='<form method="POST" action="delete.php" ID="orgForm">';
$page .= "<table> \n";
$page .= "<tr>\n";
//Decides what to display based on logged in. Only if logged in can you see all the contact's info
$page .= "<th>ID</th> \n <th>First Name</th> \n <th>Last Name</th> \n <th>Phone Number</th> \n <th>Email</th> \n";
//Loops through each contact, displaying information in a table according to login status
$sql2="SELECT cID, firstName, lastName, phoneNum, email FROM Contact WHERE oID=".$_GET['orgID'];
$result2=mysql_query($sql2, $connection) or die($sql1);
while($row2 = mysql_fetch_object($result2))
{
    $page .= "<tr>\n";
    $page .= "<td>".$row2->cID."</td>\n";
    $page .= "<td>".$row2->firstName."</td>\n";
    $page .= "<td>".$row2->lastName."</td>\n";
    $page .= "<td>".$row2->phoneNum."</td>\n";
    $page .= "<td>".$row2->email."</td>\n";
    $page .= '<td><input type="checkbox" name="checkedItem[]" value="'.$row2->cID.'"></input></td>'."\n";
    $page .="</tr>";
}
$page .= '<input name="deleteContacts" type="submit" value="Delete Selected Contacts" />'."\n";
$page .= "</form>\n";

$page .='<script src="assets/js/orgDetails.js" type="text/javascript"></script>'."\n";

我需要以某种方式在orgDetails.js中编写一个jquery脚本，当我按下删除按钮时，该脚本能够删除已检查的行。更改必须在屏幕上显示而不刷新，我还需要能够从sql db中删除实际的行。有人可以帮我一把吗？感谢。

Answer 1

在行动中url delete.php，提交此帖后：

if ($_POST != array()) {
    foreach ($_POST['checkedItem'] as $id) {
        mysql_query('delete from Contact where cID='.$id);
    }

    echo 'Records deleted.';
}

如果您在删除记录时不想要页面刷新：

添加到html：

<button class="delete_button">Delete selected records</button>

添加你的js文件：

$('.delete_button').click(function () {
    $form = $('#orgForm');

    delete_ids = [];

    $form.find('input[name=checkedItem]').each(function () {
        $checkbox = $(this);

        if ($checkbox.is(':checked')) {
            delete_ids.push($checkbox.val());
        }
    );

    $.ajax({
        url: 'delete.php',
        type: 'post',
        data: {delete_ids: delete_ids},
        success: function (result_html) { alert(result_html); },
    });
});

在delete.php中：

if ($_POST != array()) {
    foreach ($_POST['delete_ids'] as $id) {
        mysql_query('delete from Contact where cID='.$id);
    }

    echo 'Records deleted.';
}

使用jquery和ajax提交复选框

1 个答案: