表格行顏色更改（在復選框中以及從MySQL中選擇時）

Question

我有一個簡單的JavaScript，當選中一個復選框時，行顏色會更改。 這很好。

但是，當用戶需要編輯其詳細信息時，他們可以看到已選中的框（從MySQL選擇），但是顏色沒有更改，因為行顏色僅在用戶取消選擇然后重新選擇復選框。

如何才能做到這一點？

謝謝

以下是簡單的JavaScript

function ClickMakeColor(chk,ctrl)
{
    if(chk.checked)
    {
        document.getElementById(ctrl).className = 'CheckBoxOn';
    }
    else
    {
        document.getElementById(ctrl).className = 'CheckBoxOff';
    }
}

Answer 1

您可以使用切換按鈕來打開/關閉類。 您沒有提供太多信息，例如html或ctrl是什么，因此沒有更多信息可提供。 如果您以此來更新您的問題，我可以給出更好的答案。

function ClickMakeColor(chk,ctrl) {
    let cl = document.getElementById(ctrl).classList
    cl.toggle('CheckBoxOn', chk.checked)
    cl.toggle('CheckBoxOff', !chk.checked)
}