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

PHP HTML按钮点击跳转与确认提示的实现方法

霞舞

发布： 2025-09-19 16:53:23

原创

599人浏览过

php html按钮点击跳转与确认提示的实现方法

本文旨在解决PHP和HTML中按钮点击后跳转链接，并在跳转前弹出确认对话框的需求。通过结合JavaScript和PHP，详细介绍了如何实现点击按钮弹出确认框，根据用户的选择来决定是否进行页面跳转。本文提供清晰的代码示例，帮助开发者理解和应用该技术，提升用户体验。

实现原理

核心思路是利用HTML按钮的 onclick 事件触发 JavaScript 函数。该 JavaScript 函数会弹出一个确认对话框。用户点击“确定”后，JavaScript 代码会修改 window.location.href，从而实现页面跳转。

具体步骤与代码示例

HTML 按钮与 JavaScript 函数绑定

使用 zuojiankuohaophpcninput type="button"> 创建一个按钮，并使用 onclick 属性指定要执行的 JavaScript 函数。

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

造点AI
夸克 · 造点AI

325

查看详情

JavaScript 函数 checkApprove() 负责弹出确认对话框，并根据用户的选择执行相应的操作。
```
function checkApprove(hospitalId) {
    if (confirm("确定要批准吗？")) {
        window.location.href = "PHadmin_approveHospital.php?id=" + hospitalId;
    }
}
```
登录后复制
这段代码首先使用 confirm() 函数弹出一个确认对话框，显示“确定要批准吗？”的消息。如果用户点击“确定”，则 confirm() 函数返回 true，代码会执行 window.location.href = "PHadmin_approveHospital.php?id=" + hospitalId;，从而将页面跳转到 PHadmin_approveHospital.php，并传递 id 参数。

完整示例

以下是一个完整的示例，展示了如何在 PHP 代码中集成 HTML 按钮和 JavaScript 函数：

<?php

public function displayAllHospital() {

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

    function checkDelete(hospitalId) {
        if (confirm("确定要删除吗？")) {
            window.location.href = "PHadmin_deleteHospital.php?id=" + hospitalId;
        }
    }
    </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='javascript:checkDelete(". $row["HospitalID"]  . ")';>";
        echo "</td>";
        echo "<td>";
        if($row["status"] == "pending"){
            echo "<input type=button value=Approve onclick='javascript:checkApprove(". $row["HospitalID"]  . ")';>";
        }
        echo "</td>";
        echo "</tr>";
        echo "</tbody>";
        echo "</tr>";
    }
    echo "</table>";
}

?>

登录后复制