Javascript 单击另一个按钮时，其中一个按钮将被禁用_Javascript_Jquery_Html

Javascript 单击另一个按钮时，其中一个按钮将被禁用

javascript jquery html

Javascript 单击另一个按钮时，其中一个按钮将被禁用,javascript,jquery,html,Javascript,Jquery,Html,我对编码一无所知，我的朋友建议我学习php，所以他给了我一个小项目，我应该试试，那是一个员工门户。我只有一件事我需要一个接受-拒绝按钮，当我单击“批准”按钮时，拒绝按钮应被禁用，按钮中的值应在数据库中自动更新，反之亦然。还有一件事是，当我点击reject按钮时，会弹出一个注释框，输入的值会被添加到数据库中 <!DOCTYPE html> <html> <head> <title></title> <

我对编码一无所知，我的朋友建议我学习php，所以他给了我一个小项目，我应该试试，那是一个员工门户。我只有一件事

我需要一个接受-拒绝按钮，当我单击“批准”按钮时，拒绝按钮应被禁用，按钮中的值应在数据库中自动更新，反之亦然。还有一件事是，当我点击reject按钮时，会弹出一个注释框，输入的值会被添加到数据库中

<!DOCTYPE html>
    <html>
    <head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    <?php
    include'nav.php';

    $servername = "127.0.0.1";
    $username = "root";
    $password = "";
    $dbname = "";

    $conn = new mysqli($servername, $username, $password, $dbname);


    if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
    }


    $sql=mysqli_query($conn, "SELECT user, leavetype, date, date1, numb, comment FROM lms");
    /*$result= $conn->query($sql);*/

    if ($sql) {
    if ($sql->num_rows > 1) {
    echo "<table class='table table-hover'><tr><td>User</td><td>Leave type</td><td>From date</td><td>To date</td><td>Number of days</td><td>Reason for leave</td><td></tr>";      
    while( $row=mysqli_fetch_array($sql)) 
    {
    echo "<tr><td id='rowhead'>$row[0]</td><td>$row[1]</td><td>$row[2]</td><td>$row[3]</td><td>$row[4]</td><td>$row[5]</td><td><button type='button' class='btn btn-success'>Approve</button> | <button type='button' class='btn btn-danger'>Rejected</button></td></tr>";
    }
      echo'</table>';
    }
    else {
    echo "<br> No Record Found to display";
    }
    }
    else {
    echo "<br> Database error.";
    }
    $conn->close();
    ?>

    </body>
    </html>

$（文档）.ready（函数（）{
$（“#注释”）.hide（）；
$（“#接受”）。单击（函数（）{
$（“#拒绝”）.attr（'disabled'，'disabled'）；
$（“#接受”）.removeAttr（'disabled'）；
});
$（“#拒绝”）。单击（函数（）{
$（“#接受”）.attr（'disabled'，'disabled'）
$（“#拒绝”）.removeAttr（'disabled'）；
$（“#注释”）.show（）；
});
});


功能批准数据（）{
警报（“弹出：数据将被批准”）；
$（“#拒绝”）.attr（'disabled'，'disabled'）；
}
函数拒绝数据（）{
警报（“弹出：数据将被拒绝”）；
$（“#批准”）.attr（'disabled'，'disabled'）；
}
在代码中，您可以遵循以下简单方法：

批准|拒绝您需要学习jquery或javascript来解决您的问题，而上述问题不是PHP问题。。删除php标记为什么在这里标记Mysql？欢迎使用堆栈溢出！！！你需要尝试一下你给我们的所有要求，如果你失败了，你可以在这里问一个问题。
<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script>
    function approveData(){
        alert("Popup : Data will be approved");
        $('#reject').attr('disabled','disabled');
    }
    function rejectData(){
        alert("Popup : Data will be reject");
        $('#approve').attr('disabled','disabled');
    }
  </script>
<input type="button" id="approve" value="Approve" onclick="approveData()"/>
<input type="button" id="reject" value="Reject" onclick="rejectData()"/>