PHPHTML按钮跳转与确认实现方法

目前golang学习网上已经有很多关于文章的文章了，自己在初次阅读这些文章中，也见识到了很多学习思路；那么本文《PHP HTML按钮跳转与确认实现教程》，也希望能帮助到大家，如果阅读完后真的对你学习文章有帮助，欢迎动动手指，评论留言并分享~

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

实现原理

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

实现步骤

1. HTML按钮添加onclick事件

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

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

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

2. 编写JavaScript函数

   接下来，编写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 "&lt;input type=button value=Delete onclick=&apos;check1(&quot;. $row[&quot;HospitalID&quot;]  . &quot;)&apos;;&gt;";
   
           echo "</td>";
           echo "<td>";
           if($row["status"] == "pending"){
   
           echo "&lt;input type=button value=Approve onclick=&apos;check2(&quot;. $row[&quot;HospitalID&quot;]  . &quot;)&apos;;&gt;";
   
           }
   
           echo "</td>";
           echo "</tr>";
           echo "</tbody>";
           echo "</tr>";
       }
       echo "</table>";
   }
   ?>

注意事项

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

总结

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

以上就是《PHPHTML按钮跳转与确认实现方法》的详细内容，更多关于的资料请关注golang学习网公众号！