输入复选框已使用Javascript更改

时间:2014-03-04 16:30:18

标签: javascript css

我正在使用复选框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"; 
    }
}

http://jsfiddle.net/faooful/Dp7wR/

2 个答案:

答案 0 :(得分:3)

您的代码中有两个错误

  1. 您需要确保首先定义该功能。 (将左上角的第二个下拉列表更改为No wrap - in <head>
  2. checked是该上下文中的关键字。尝试重命名功能
  3. 以下是更新的示例:http://jsfiddle.net/Dp7wR/4/

答案 1 :(得分:0)

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