根據單個數字值 0/1 的結果，為 DIV 顯示不同的背景顏色

Question

在一種形式中，我正在使用 java 腳本形成一個字符串，並將其結果收集到 SQLite 表中，即 state 的 12 個復選框，位於二進制值字符串（如“000011111100”）下。

<script>
const checkboxes = [...document.querySelectorAll('input[type=checkbox]')];
function RegMD() {
  document.getElementById("mounths").textContent = checkboxes.reduce((a, b) => a + (b.checked ? 1 : 0), "");
  document.getElementById("results").innerHTML = document.getElementById("mounths").innerHTML;
}
</script>

字符串形成后通過 POST 方法發送到 SQLite 表中。 回調這個值也很簡單，因為我可以用 PHP 腳本回顯它（或多或少像這樣）

<?php
  try {
    $conn = new PDO('sqlite:db/MyDatabase.db');
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $conn->prepare("SELECT months FROM MyTable where MyID='this_value'");
    $stmt->execute();
    $data = $stmt->fetchcolumn(PDO::FETCH_ASSOC);
    if ( !empty($data) ) {
      echo $data['mounths'];
      }
    } else {
      echo "Record missing!";
    }
} catch(PDOException $e) {
  echo "Error: " . $e->getMessage();
}
$conn = null;
?>

這個值不需要可見，我可以隱藏它或者根本不回顯它。 但我想以不同的方式使用它。 當我回憶起這個值時，我希望它把它分成單獨的值“0”和“1”，並根據這些值，我想將 12 個 DIV（或表格單元格）着色為一些預定義的 colors：

$color1 = red;
$color2 = white;

我知道為了實現我的目標，我應該從這里做一些類似的事情，並以某種方式對其進行調整： Change Row background color based on cell value

     $data( function(value){
            if(value == "0"){
                html += '<div style="background-color: red;">'+some_content+'</div>';
            }
            else{
                html += '<div style="background-color: white;">'+some_content+'</div>';
            }
        });

我在這些文章中發現了一些類似的問題（着色和拆分），但我自己無法應用： PHP - 根據 mysql 行結果顯示不同的圖像 根據條件拆分為不同的行SQL - 根據不同的月份將行拆分為多個基於結果的行顏色 PHP 將 SQL 行數組拆分為多個 arrays 基於日期在 ng-repeat 中基於 $index 拆分 div 背景顏色

你能幫我實現這樣的目標嗎： 從我從數據庫中調用字符串值的步驟開始（數據庫列名“mounths”）？

<p hidden><?php echo $data['mounths']; ?></p> 

如果不需要隱藏結果就更好了。

Answer 1

$html  = ''; // predefine $html in case array is empty 
foreach($data as $column=>$value){
   $color = !$value ? 'red' : 'white'; // set color based on value
   $html.="<div style='color:$color;'>--Some-Content--</div>"; // append to html
}
echo $html;