Question

我的功能如何运作：

有2个按钮'接受'和'拒绝'。当用户单击“接受”时，文本将更改为“已接受”，并且两个按钮都将被禁用。文字颜色也会改变。在此过程之后，我需要相应地更新数据库表列。

我目前的情况：

我正在使用此功能显示多个条目。目前我的代码仅在我有一个条目时起作用，并且在我刷新页面后按下它时它不会保持原样。当有多个条目时，我点击第二个条目的按钮以某种方式检测第一个条目并更改第一个条目中的按钮。 我不知道如何相应地更新数据库。

提前非常感谢你。

我的剧本：

<script>
        function accept() {
            document.getElementById("accept").disabled = true;
            document.getElementById("decline").disabled = true;
            document.getElementById("accept").innerHTML = 'Accepted';
            document.getElementById("accept").style.color = "green";

        }

        function decline() {
            document.getElementById("decline").disabled = true;
            document.getElementById("accept").disabled = true;
            document.getElementById("decline").innerHTML = 'Declined';
            document.getElementById("decline").style.color = "red";
        }
    </script>

接受按钮：

<button id="accept" onclick="accept()">Accept</button>

拒绝按钮：

<button id="decline" onclick="decline()">Decline</button>

Answer 1

如果函数的50％操作相同，为什么要编写两个函数。我建议你只编写一个函数并在其中放入一个条件语句来检查单击了哪个按钮。这是有效的编程！

关于您的问题，您可以在此处共享屏幕截图，以及执行操作时的确切显示内容。

Answer 2

您需要学习如何使用AJAX：
使用JQuery AJAX可以更容易 JS文件：

$.ajax({
    url: "/updateDatabase.php";
    type: "POST";
    data: {update: value},
    beforeSend: function (){
       //stuff you like to do before sending.
    }
    success: function (data){
       //do something with return data
    }

});

PHP文件：updateDatabase.php

$var = $_POST["update"]; //make sure this is the same name for the data{} json string
//update database.

echo "Put return value here for JS success data var."

记住按钮状态：

<?php if(databaseValue == Accepted) { ?>
      <button>Format Button Disabled for accepted</button>

<?php } else { ?>
      <button>Format button for enabled</button>

<?php } ?>

PHP更改按钮文本并相应地更新数据库

2 个答案: