Question

以下是我要做的事情 - 我有一个带有字段的MySQL表，即clientname，urgent，complete.And用于显示这些字段的值我有一个带有字段的html表 - Clientname，urgent和complete.Each行包括clientname，button for urgent和button for complete如果你点击表格行中的紧急按钮，那么该按钮的颜色会变为红色，如果再次单击该按钮，它将再次获得其原始颜色。简而言之，它在两个类之间切换。在那一刻，在数据库中，紧急字段值从0（初始值）更新为1.现在当我重新加载页面时，我想要显示红色的值为1的紧急按钮。即我想根据数据库中的值将css应用于元素。现在我可以切换类来更改紧急按钮的颜色点击并更新其值但是一旦刷新页面它再次获得其默认颜色。请告诉我如何能够保留其颜色如果即使我刷新页面，它在数据库中的值也是1。这是jquery代码 -

$(".u").click(function () {

  $(this).toggleClass("urgent");
   var ID = $(this).attr('id');


  $.ajax({
    type:"post",
    url:"urgent.php",
    data:{'keyid': ID},
    cache: false,
success: function(html){

$("#clientsheet").after(html);
}  
  });return false; 
});

Html代码 -

 <td style='text-align:center;'><button  id=".$row['id']." class='u'>U</button></td>

如果您需要更多信息，请与我们联系。提前致谢。 Edited- 这就是我从数据库中检索我的html表数据的方法 -

 <?php
include('db.php');
$fetch= mysqli_query($conn,"SELECT * FROM pendingwork ORDER BY clientname asc");

while($row=mysqli_fetch_array($fetch)){
  $id = $row['id'];
            $newname = $row['clientname'];
            echo "<tr id=".$row['id']."class='edit_tr'>";
              echo " <td class='edit' id=".$id." name=".$newname.">".$row['clientname']."</td>
                   <td style='text-align:center;'><button  id=".$row['id']." class='u'>U</button></td>
                   <td></td>
                   <td  style='text-align:center;'><button id=".$row['id']." class='del'>Del</button></td>
            </tr>";
}

Answer 1

类似的东西：

echo " <td class='edit' id=".$id." name=".$newname.">".$row['clientname']."</td>
               <td style='text-align:center;'><button  id=".$row['id']." class='".($row["urgent"] == 1 ? "class1" : "class2")."'>U</button></td>
               <td></td>
               <td  style='text-align:center;'><button id=".$row['id']." class='del'>Del</button></td>
        </tr>";

这个位是关键：

($row["urgent"] == 1 ? "class1" : "class2")

检查＆＃34; urgent＆＃34;的值并确定要使用的类。如果＆＃34;紧急＆＃34;是1，然后将应用class1，否则为class2。显然，根据您的应用程序替换类名。

根据数据库

1 个答案: