2014-03-04 90 views
-1

我正在使用複選框hack創建菜單,並在選中時我想給元素一個背景顏色。輸入複選框已選中使用Javascript更改已更改使用Javascript

具體是頂欄的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/

+4

...問題是? – VisioN

回答

3

有在你的代碼

  1. 兩個錯誤,您需要確保該函數首先定義。 (將左上角的第二個下拉菜單更改爲No wrap - in <head>
  2. checked是該上下文中的關鍵字。嘗試重命名功能

這裏是一個更新的例子:http://jsfiddle.net/Dp7wR/4/

+0

非常感謝。 – faooful

0

改變了你的函數名,「選中」已輸入上的屬性,因此的onclick =「點擊()」試圖使用的點擊屬性而不是你的方法。給它一個有意義的名字,它實際上會調用你的方法。