無線電按鈕示例不能正常工作

我正在學習Javascript並陷入了這個簡單的例子。我可以看到黑色的圖像，但是當我點擊複選框時，它不起作用。無線電按鈕示例不能正常工作

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="UTF-8" /> 
     <title></title> 
    <style> 
    #photo{ 
     float: left; 
    } 
    </style> 
    </head> 
    <body> 
     <h2>Which car do you like red or black?</h2> 

     <div> 
     <img src="images/blackcar.jpg" id="photo" alt="black car picture"> 

     <label><input type="radio" name="photoSelect" checked="checked" onclick="document.getElementById("photo").src='images/blackcar.jpg' " />Black Car</label> 
     <br /> 
     <label><input type="radio" name="photoSelect" onclick="document.getElementById("photo").src='images/redcar.jpg' " />Red Car</label> 
     <br /> 
     </div> 
    </body> 
    </html>

請幫忙。

來源

2016-01-06 almondn

看引號。瀏覽器應該如何知道'onclick'的值是'document.getElementById（「photo」）。src ='images/redcar.jpg''而不僅僅是'document.getElementById（'？第二個'''終止值。 –

爲什麼在HTML文檔中使用XML風格的標記？ – RobG

您正在使用引號錯誤。

變化：

document.getElementById("photo").src=...

要：

document.getElementById('photo').src=...

來源

2016-01-06 21:14:25

是的，就是這樣。謝謝 – almondn

無線電按鈕示例不能正常工作

回答

相關問題