[英]How to change background-color of one row from table in PHP
[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'>";
}
}
謝謝你的所有提示
下面是一個示例:
請務必在您的 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;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.