PHP HTML按钮点击跳转与确认提示实现教程-php教程-PHP中文网

PHP HTML按钮点击跳转与确认提示实现教程

霞舞

发布： 2025-09-19 17:11:28

原创

485人浏览过

php html按钮点击跳转与确认提示实现教程

本文旨在解决PHP HTML中按钮点击后弹出确认框并根据用户选择进行页面跳转的问题。通过结合JavaScript，我们可以在用户点击按钮时先显示确认对话框，如果用户确认，则跳转到指定的URL，从而实现更友好的用户交互体验。本文将提供详细的代码示例和步骤说明，帮助开发者轻松实现这一功能。

实现原理

实现此功能的关键在于利用JavaScript的confirm()函数显示确认对话框，以及window.location.href属性进行页面跳转。当用户点击按钮时，触发JavaScript函数，该函数首先弹出确认对话框。如果用户点击“确定”，则通过window.location.href将页面重定向到目标URL。

实现步骤

HTML按钮添加onclick事件

首先，在HTML按钮元素中添加onclick事件，指定要调用的JavaScript函数。

立即学习“PHP免费学习笔记（深入）”；
```
<input type="button" value="Approve" onclick="check1(<?php echo $row["HospitalID"]; ?>);">
```
登录后复制
这里需要注意的是，将PHP变量$row["HospitalID"]传递给JavaScript函数check1()，以便在跳转时能够使用该ID。
编写JavaScript函数

芦笋演示
一键出成片的录屏演示软件，专为制作产品演示、教学课程和使用教程而设计。

34

查看详情

接下来，编写JavaScript函数check1()，该函数接收ID作为参数，显示确认对话框，并根据用户选择进行跳转。
```
function check1(id) {
   if(confirm("确定要批准吗?"))  {
      window.location.href="PHadmin_approveHospital.php?id=" + id;
   }
}
```
登录后复制
在这个函数中，confirm("确定要批准吗?")会弹出一个确认对话框，显示“确定”和“取消”按钮。如果用户点击“确定”，confirm()函数返回true，否则返回false。如果返回true，则执行window.location.href="PHadmin_approveHospital.php?id=" + id;，将页面重定向到PHadmin_approveHospital.php，并将ID作为GET参数传递。

PHP代码整合

将上述HTML和JavaScript代码整合到你的PHP代码中。以下是一个完整的示例：

<?php
public function displayAllHospital() {
    echo '
    <script>
    function check1(id) {
       if(confirm("确定要删除吗?"))  {
          window.location.href="PHadmin_deleteHospital.php?id=" + id;
       }
    }

    function check2(id) {
       if(confirm("确定要批准吗?"))  {
          window.location.href="PHadmin_approveHospital.php?id=" + id;
       }
    }
    </script>';

    $sql = "SELECT * FROM hospital";
    $result = @mysqli_query($this->conn, $sql);
    echo "<table class='table table-bordered'>";
    echo "<thead>";
    echo "<tr>";
    echo "<th>ID # <i class='fa fa-sort'></i></th>";
    echo "<th>Name </th>";
    echo "<th>Email </th>";
    echo "<th>Contact Number <i class='fa fa-sort'></i></th>";
    echo "<th>Status </th>";
    echo "<th>Actions</th>";
    echo "</tr>";
    echo "</thead>";
    echo "<tbody>";
    while($row = mysqli_fetch_assoc($result)){
        echo "<tr>";
        echo "<td>" . $row["HospitalID"] . "</td>";
        echo "<td>" . $row["Hospitalname"] . "</td>" ;
        echo "<td>" . $row["email"] . "</td>" ;
        echo "<td>" . $row["contactno"] . "</td>" ;
        echo "<td>" . $row["status"] . "</td>" ;
        echo "<td>";
        echo "<a href=\"PHadmin_editHospital.php?id=".$row["HospitalID"]."\" class='view' title='View' data-toggle='tooltip'><i class='material-icons'>&#xE417;</i></a>";
        echo "<a href=\"PHadmin_editHospital.php?id=".$row["HospitalID"]."\" class='edit' title='Edit' data-toggle='tooltip'><i class='material-icons'>&#xE254;</i></a>";
        echo "<input type=button value=Delete onclick='check1(". $row["HospitalID"]  . ")';>";

        echo "</td>";
        echo "<td>";
        if($row["status"] == "pending"){

        echo "<input type=button value=Approve onclick='check2(". $row["HospitalID"]  . ")';>";

        }

        echo "</td>";
        echo "</tr>";
        echo "</tbody>";
        echo "</tr>";
    }
    echo "</table>";
}
?>

登录后复制