我正在创建一个婚礼清单网站。对于我的清单，我想让用户将待办事项的颜色更改为红色、琥珀色和绿色，红色表示未完成，琥珀色表示部分完成，绿色表示已完成。我正在考虑如何实现这一点，我也想把它保存到数据库中。提前谢谢。
在数据库中
- 添加一个值为1或2的列
status(它将是状态的id) - 创建具有
status_id、status_title、status_color、color_id、enabled的表status
在您的代码中：
-
在您的div中，通过获取存储的id 来获得任务的颜色
$colorOfTheTask = "SELECT color_id FROM status,task WHERE task.status = status.id "; - 在你的每个td上使用这个(我想你使用的是表格)
<td <?php echo 'style="background-color:'.$color_id.';color:'.$color_id.'"';?></td>
这样你就可以更容易地管理你的颜色了。你仍然可以使用这样的if语句：
<td <?php 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:#amber-color-code;color:#amber-color-code"';} ?>
</td>
你在找这样的东西吗？
<script type="text/javascript">
$(document).ready(function () {
$(".button").click(function () {
$("#colorPick").css("background-color", $(this).attr("value"));
});
});
</script>
<body>
<div id="colorPick" style="width:100px;height:100px; "></div>
<input type="button" class="button" value="Red" />
<input type="button" class="button" value="Green" />
</body>