选中的输入复选框已使用Javascript更改

选中的输入复选框已使用Javascript更改,javascript,css,Javascript,Css,我正在使用checkbox hack创建一个菜单,当它被选中时,我想给一个元素一个背景色 特别是顶部的条id function checked() { if (document.getElementById('site-nav-toggle').checked) { document.getElementById('top-bar').style.background = "#333"; } else { document.getElem

我正在使用checkbox hack创建一个菜单,当它被选中时,我想给一个元素一个背景色

特别是顶部的条id

function checked() {

    if (document.getElementById('site-nav-toggle').checked) {
        document.getElementById('top-bar').style.background = "#333";
    }
    else {
        document.getElementById('top-bar').style.background = "none"; 
    }
}

您的代码中有两个错误

  • 您需要确保先定义函数。(将左上角的第二个下拉列表更改为
    不换行
  • checked
    是该上下文中的关键字。尝试重命名该函数

  • 下面是一个更新的示例:

    更改了函数名,“checked”已经是输入的属性,因此onclick=“clicked()”尝试使用clicked属性而不是方法。给它一个有意义的名称,它实际上会调用您的方法。

    。。。问题是?