1 Нажмите кнопку Отключить-PHP

Я смотрел вокруг на форуме и пробовал все, но я не могу получить мою кнопку, чтобы отключить после нажатия на него, я только начал использовать php, и это один из моих первых проектов. Его Нравится и не нравится система. Кто-нибудь знает awnser?
когда вы нажимаете кнопку «нравится» или «не нравится», я хочу, чтобы обе кнопки были отключены.

<!--Like System-->
<center>

<?php

$sql = "SELECT * FROM likes";
$result = mysqli_query($con, $sql);

if (mysqli_num_rows($result) > 0) {
    // output data of each row
    while($row = mysqli_fetch_assoc($result)) {
        ?>  <h1 class="lcount"><?php    echo $row["average"];?> <span class="glyphicon glyphicon-signal"></span></h1></br><?php

    }
} else {
    echo "0 results";
}
?>

<?php

$sql = "SELECT * FROM likes";
$result = mysqli_query($con, $sql);

if (mysqli_num_rows($result) > 0) {
    // output data of each row
    while($row = mysqli_fetch_assoc($result)) {
        ?>  <h1 class="lcount"><?php    echo $row["like"];?> 
        <span style="color: green;"class="glyphicon glyphicon-thumbs-up"></span></h1></br>

<?php
    }
} else {
    echo "0 results";
}
?>

<?php

$sql = "SELECT * FROM likes";
$result = mysqli_query($con, $sql);

if (mysqli_num_rows($result) > 0) {
    // output data of each row
    while($row = mysqli_fetch_assoc($result)) {
        ?>  <h1 class="lcount"><?php    echo $row["dislike"];?> 
        <span style="color: red;" class="glyphicon glyphicon-thumbs-down"></span></h1>

<?php
    }
} else {
    echo "0 results";
}
?>

<?php

if(isset($_POST['like'])){

    $sql = "UPDATE `likes` SET `like` = `like` + 1 , `average` = `average` + 1";


    if (mysqli_query($con, $sql)) {
    } else {
        echo "Error updating record: " . mysqli_error($con);
    }
}
?>

<?php

if(isset($_POST['dislike'])){

    $sql = "UPDATE `likes` SET `dislike` = `dislike` + 1 , `average` = `average` - 1";


    if (mysqli_query($con, $sql)) {
    } else {
        echo "Error updating record: " . mysqli_error($con);
    }
}
?>

    <form type="#" method="post">
        <button name="like" type="submit" class="btn btn-success">
            <span class="glyphicon glyphicon-thumbs-up"></span></button>

        <button name="dislike" type="submit" class="btn btn-danger">
            <span class="glyphicon glyphicon-thumbs-down"></span></button>
    </form>
</center>
<!--Like System END-->

2 ответа

  1. в JavaScript

    с setAttribute()

    function disable(){
        document.getElementById('submit').setAttribute("disabled", "disabled"); 
    

    }

    обновлено
    если одновременно отключить обе кнопки

    <script>
    function disable(){
      document.getElementById('submit').setAttribute("disabled", "disabled"); 
      document.getElementById('submit1').setAttribute("disabled", "disabled"); 
    }
    </script>
    
    <input title="" id="submit" type="submit" name="button" onclick="disable()" value="like">
    
    <input title="" id="submit1" type="submit" name="button" onclick="disable()" value="unlike">
    

    проверить здесь

  2. Если вы хотите использовать только PHP, как это:

    <?php
    
    $status = 'enabled';
    
    if (isset($_POST['like'])) {
        $status = 'disabled';
    }
    
    
    ?>
    
    <form type="#" method="post">
        <button name="like" type="submit" class="btn btn-success" <?=$status?>>
                    Button is <?=$status?>
        </button>
    </form>
    

    Вы можете использовать Jquery как это:

    https://jsfiddle.net/y4qLew3s/1/

    Усовершенствованный:

    Я обновился. Он работает с кнопкой нравится или не нравится:

    https://jsfiddle.net/y4qLew3s/3/