【问题标题】:How can I change button color based on database table value in PHP?如何根据 PHP 中的数据库表值更改按钮颜色?
【发布时间】:2021-08-22 21:35:56
【问题描述】:

我创建了这样的按钮:

<button type = "submit" name="one" class="button button1">B-1</button>

点击后将表格值从 0 变为 1。但按钮颜色保持不变。现在我想通过更改表值来更改按钮颜色。 #TIA

【问题讨论】:

标签: php html css mysql


【解决方案1】:

当您从数据库中获取数据时,您可以根据字段值为每个按钮添加一个类,并创建一个样式化该按钮的 CSS 类。

例如,假设名称为“one”的 B-1 按钮更改了名称与表中按钮名称相同的字段 checked

name checked
one 1
two 0

当您加载页面并使用 PHP(例如 mysqli_query("select checked from my_table where name='one'"))查询表格并获取数据时,您可以执行以下操作:

<button type="submit" name="one" class="button button1 checked-<?php echo $query_result['checked']; ?>">B-1</button>

假设您已将查询结果存储在$query_result 中,选中的应该是10,因此添加一个名称为checked-0checked-1 的类。

然后,在您的 CSS 文件或 &lt;style&gt; 标签中添加两个类:

.checked-0{color:red;}
.checked-1{color:green;}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-08-02
    • 1970-01-01
    • 2019-07-07
    • 2019-01-23
    • 1970-01-01
    • 2018-03-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多