怎樣才能改變一個標籤的背景圖像使用css與javascript

Question

這是一個真正的頭痛，我有三個複選框的形式，我有標籤，並且標籤有背景圖像設置與cess，問題是什麼時候，我怎麼得到我的JavaScript改變圖像從curent圖像到第二個圖像，當它被點擊並選擇複選框，從我所知道的JavaScript，它的工作，任何想法？此外，它也必須是這樣的，由於以前的問題與IE 7和8

HTML：

<input type="checkbox" name="interest1" id="interest1" value="interested"style="display:block"> 
    <input type="checkbox" name="interest2" id="interest2" value="interested"style="display:block"> 
    <input type="checkbox" name="interest3" id="interest3" value="interested"style="display:block"> 
    <p align="center"> 
    <label for="interest_inet" id="label-interest1" onClick="func()"></label> 

CSS：

label { 
    border:1px solid red; 
    display:inline-block; 
} 

#label-interest1 { 
    background-image: url(images/internetbutton.gif); 
    width: 152px; 
    height:152px; 
} 

的javascript：

<script type="text/javascript"> 
function func() 
{ 

if(document.getElementById('interest_inet').checked) 
{ 
    document.getElementById('label-interest1').style.backgroundImage=url(images/internetbutton.gif); 
} 
else 
{ 
    document.getElementById('label-interest1').style.backgroundImage=url(internetbuttonchecked.gif); 
} 
} 
</script> 

這裏現場代碼示例：http://jsbin.com/uburan/11/edit

Answer 1

你似乎只是缺少一些引號（的style.backgroundImage的值應該是一個字符串）：

function func() 
{ 
    var label = document.getElementById('label-interest1'); 
    if(document.getElementById('interest_inet').checked) 
    { 
     label.style.backgroundImage = 'url(images/internetbutton.gif)'; 
    } 
    else 
    { 
     label.style.backgroundImage = 'url(internetbuttonchecked.gif)'; 
    } 
}