在删除表格行之前显示确认框

Question

我有一张桌子，它的视图是这样的

ID  NAME  LOCATION  DELETE
1   sam   US        delete

我在表中有一条语句删除了给定的行

echo "<td><a href=\"delete_members.php?id=".$row['id']."\">Delete</a></td>";

它重定向到delete_members.php页面，该行被删除，但是我希望显示一个警报框，以确保用户是否要删除该行。 为此，我有一个代码

<button onclick="myFunction()">Delete</button>

<script>
function myFunction() {
    var x;
    if (confirm("Press a button!") == true) {
        window.location="yourphppage.php"; // not sure which link should be placed here
        return true;
    } else {
        window.location="index.php";
        return true;
    }
    document.getElementById("demo").innerHTML = x;
}
</script>

delete_members.php页面的代码

<?php
include('admin_session.php');
$con=mysqli_connect("abc.com","abc","abc","abc");
// Check connection
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$id = $_GET['id']; 

mysqli_query($con,"DELETE FROM members WHERE id='".$id."'");
mysqli_close($con);
header("Location: admin_member_list.php");
?> 

但是，我无法以正确的方式将确认脚本与该语句一起使用。 我希望在单击上面给出的第一条语句中出现的编辑按钮后，如果用户确认应运行delete_members.php脚本，则弹出警告框（即脚本运行）。 如果有人可以指导我将不胜感激

Answer 1

用最简单的方法：

echo "<a onclick=\"return confirm('Delete this record?')\" href=\"delete_members.php?id=".$row['id']."\">delete</a>";

您还可以以不干扰用户的方式执行此操作，方法是将一个类添加到链接，然后使用jQuery之类的元素一次将其全部选中，然后将确认逻辑绑定到onclick事件。 像这样：

$('a.delete').on('click', function() {
    var choice = confirm('Do you really want to delete this record?');
    if(choice === true) {
        return true;
    }
    return false;
});

Answer 2

echo "<a href='delete_members.php?id={$row['id']}' onclick=\"return confirm('Do you really want to delete this?')\">DELETE</a>";

Answer 3

你可以试试看 希望它能为您服务。

向锚标记添加“删除”类。

echo "<td><a href=\"delete_members.php?id=".$row['id']."\" class=\"delete\">Delete</a></td>";

然后绑定删除功能：

$('.delete').on('click', myFunction);

Answer 4

我认为这会很有用，请看一下

$ id = $ row ['id'];

如果要传递id，可以使用$ id，否则只需调用不带参数的函数

echo "<a href='#' onclick='deletemember($id)'>Delete</a>";

<script>

    function deletemember(id)
        {
                var r = confirm("Are you sure you want to delete");
                if(r == true)
                {
                     $.ajax({
                               type:"GET",
                               url:"delete_members.php",
                               data: ({id:id}),
                               success: function(data)
                               {
                                   window.location="yourphppage.php";
                                }
                         });

                }
                else
                {
                     window.location="index.php";           
                }
    }

</script>