Javascript 根据php中的状态更改项目的颜色

我是个新手。我正在创建一个网站，用户可以通过该网站将信息输入待办事项列表。我为todo列表提供了一个插件，该插件是用javascript编写的，并连接到我的数据库，但我希望用户能够更改todo项目的状态，因此会有一个按钮显示“完成”、“部分完成”和“未完成”。当他们点击该待办事项时，它会改变颜色以表示完成、未完成或部分完成。我已经在数据库中的todo表中输入了一个状态行，但我不确定如何实现这一点的代码

在数据库中的todolist表中，有id、内容和now状态。 提前谢谢

todo.addList = function (text){
$.ajax({
    url: 'server.php',
    method: 'GET',
    data: 'op=addList&content='+text,
    dataType: "json", // response as json
    error: function(res){
        todo.updateInfo("Failed to add new entry");
    },
    success: function(res){
        todo.updateInfo("New Entry added");
        todo.addView(res);
    }
});

---

这是从服务器“获取”信息并将状态存储在数据库中的代码：

1-添加一个列status_id，其值为1或2个数字，它将是状态的id

我已经在数据库的todo表中输入了一个状态行

因此，将您添加到该待办事项表中

2-创建状态id、状态标题、状态颜色、颜色id为已启用的表状态

从这里可以看到：

//编辑以清除： 最后你会得到类似的东西：

// mysql query wich get all todo
$res=mysql_query("SELECT todo_name,todo_status FROM todo,status WHERE todo.status = status.id
// loop wich write all todo in the html table
while($tab=mysql_fetch_array($res))
{
    echo "<tr> <td>".$name."<td";
      if($id_status==1){
          echo 'style="background-color:red;color:red';}
      if($id_status==2){
          echo 'style="background-color:green;color:green';}
      if($id_status==3){
          echo 'style="background-color:#something;color:#something"';} 
    echo "</td>";
}

---

请展示一些您编写的示例代码以及您遇到的问题。如果你想改变浏览器端的东西，你不想使用php，而是使用javascript。单击todo项是否会生成对服务器的调用？请不要在注释中添加代码。只需编辑您的问题并在其中添加代码。对不起，我已经编辑了问题对不起，第一个问题。添加一个列status\u id，其值为1或2个数字它将是一个状态的id，我在哪里添加此列？我对此很陌生。帮你一个忙，使用css类。哦，是的，我现在明白了，那么我如何输入dunttons值为done、partially done和not done，然后将它们连接到状态1、2和3？当表状态已填充时，您只需获得任务当前状态的id，然后应用cssI很抱歉我不明白，我将不得不在这方面做更多的研究。我想在每个待办事项旁边的按钮上写着“完成”、“未完成”或“部分完成”，这样用户就可以单击它们，它们将改变颜色并更新数据库。