设置 Bootstrap-使用 PHP 或 jQuery 切换复选框选中状态

Question

我需要根据 mysql 数据库中的值使用 bootstrap-开关设置复选框的状态。

我正在尝试用 PHP 这样做，但它似乎不起作用，代码是摘录：

while ($row = $result->fetch_assoc()) {

    $checkdevicestate = $row["devicestatus"];
    if ($checkdevicestate == "false") {
        $devstatus = "";
    } else if ($checkdevicestate == "true") {
        $devicestatus = "checked";
    }   

    $devicecontent .= '<tr><td style="width:60%"><span data-icon="7" class="linea-icon linea-basic fa-fw"></span>'. $row["devicename"] .'</td><td style="width:100%"><input type="checkbox" id="' . $row["devicecode"].'" '.$devicestatus.' class="devicebtn"data-on-color="info" data-size="small"data-off-color="danger"></td></tr>';
}

开关检查状态似乎是随机的，而不是基于我从数据库接收到的值。

Answer 1

代码看起来不错我只是将比较运算符固定为 === 以确定类型。

while ($row = $result->fetch_assoc()) {
    $checkdevicestate = $row["devicestatus"];
    if ($checkdevicestate === "false") {
        $devstatus = "";
    } else if ($checkdevicestate === "true") {
        $devicestatus = "checked";
    }   

    $devicecontent .= '<tr><td style="width:60%"><span data-icon="7" class="linea-icon linea-basic fa-fw"></span>'. $row["devicename"] .'</td><td style="width:100%"><input type="checkbox" id="' . $row["devicecode"].'" '.$devicestatus.' class="devicebtn"data-on-color="info" data-size="small"data-off-color="danger"></td></tr>';
}

如果你在 $row["devicestatus"] 中没有任何奇怪的状态，你甚至可以只使用 ternary operator.

$devicestatus = ($checkdevicestate === "true") ? "checked='checked'" : '';

设置 Bootstrap-使用 PHP 或 jQuery 切换复选框选中状态

Setting Bootstrap-Switch checkbox checked state with PHP or jQuery

php

jquery

twitter-bootstrap

bootstrap-switch