如何更改 PHP 中表格中一行的背景颜色

Question

[1] https://i.stack.imgur.com/413Bh.png

[2] https://i.stack.imgur.com/lUO2i.png

嗨，有人可以帮我解决这个问题吗？ 我需要更改选中复选框的行的颜色。

<form method="post">
<input type="hidden" name="checkbox<?=$row["ID"];?>" value="0">
<input type="checkbox"
 id="checkbox<?=$row["ID"];?>"
name="checkbox<?=$row["ID"];?>"
<?=($page->checkbox_state > 0) ? 'checked=checked' : 'unchecked'?>
onchange="submit();">
</form>

这是我的复选框系统。

<style type="text/css"> 
        table{
            border-collapse: collapse;
            width: 100%;
            color: #d96459;
            font-family: monospace;
            font-size: 20px;
            text-align: center;
        }
        th {
            
            background-color: #d96459;
            color: white;
        }
         tr:nth-child(2n) {
            background-color: #f2f2f2;
    }
}
    </style>

这是我的 css

if($row["Barva"] > 0){  //I need some if when $barva (from sql) is > then 0 so it's yellow. 
        echo $row[Barva];
        echo"<style>
         tr {
         background-color: yellow;
} </style>";
    }
        if(isset($_POST["checkbox$row[ID]"])) {
            if($row["Barva"] == 0)
            {
                $sql = "UPDATE Monitory SET Barva='1' WHERE id=$row[ID]";
                $v1 = $conn->query($sql);
                $color = "yellow";
                $sql1 = "UPDATE Monitory SET Color='".$color."' WHERE id=$row[ID]";  
                $result = $conn->query($sql1);
                echo"<meta http-equiv='refresh' content='0'>";
                echo $color;
            }
            else
            {
                $sql = "UPDATE Monitory SET Barva='0' WHERE id=$row[ID]";
                $v = $conn->query($sql);
                $color = "";
                $sql1 = "UPDATE Monitory SET Color='".$color."' WHERE id=$row[ID]";  
                $result = $conn->query($sql1);
                echo"<meta http-equiv='refresh' content='0'>";
            }
}

谢谢你的所有提示

Answer 1

下面是一个示例：

请务必在您的 web 应用程序中包含 jquery 库。

//html
<table class="colorchange">
  <tr>
    <td>test content for this row</td>
    <td>test content for this row</td>
    <td><input type="checkbox"/></td>
  </tr>
  <tr>
    <td>test content for this row</td>
    <td>test content for this row</td>
    <td><input type="checkbox"/></td>
  </tr>
  <tr>
    <td>test content for this row</td>
    <td>test content for this row</td>
    <td><input type="checkbox"/></td>
  </tr>
  <tr>
    <td>test content for this row</td>
    <td>test content for this row</td>
    <td><input type="checkbox"/></td>
  </tr>
  <tr>
    <td>test content for this row</td>
    <td>test content for this row</td>
    <td><input type="checkbox"/></td>
  </tr>
</table>

//js(jquery)
$('table.colorchange input[type=checkbox]').click(function () {
    $(this).closest('tr').toggleClass("highlight", this.checked);
});

// css
.highlight {
    background-color: #ccc;
}