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

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

实现原理

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

实现步骤

1. HTML按钮添加onclick事件

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

   立即学习“PHP免费学习笔记（深入）”；

   <input type="button" value="Approve" onclick="check1(<?php echo $row["HospitalID"]; ?>);">

   这里需要注意的是，将PHP变量$row["HospitalID"]传递给JavaScript函数check1()，以便在跳转时能够使用该ID。

2. 编写JavaScript函数

   

   DeepSider

   浏览器AI侧边栏对话插件，集成多个AI大模型

   下载

   接下来，编写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参数传递。

3. 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>";
   }
   ?>

注意事项

• 安全性： 在实际应用中，务必对$row["HospitalID"]进行适当的验证和过滤，以防止SQL注入等安全问题。
• 用户体验： 确认对话框的提示信息应清晰明了，以便用户做出正确的选择。
• 代码风格： 保持良好的代码风格，提高代码的可读性和可维护性。

总结

通过结合PHP和JavaScript，我们可以轻松实现按钮点击后的确认提示和页面跳转功能。这种方式可以有效提升用户体验，并增强应用程序的交互性。希望本教程能够帮助你解决类似问题，并在实际开发中灵活应用。