Javascript 单选按钮示例不工作_Javascript_Radio Button

Javascript 单选按钮示例不工作

javascript

Javascript 单选按钮示例不工作,javascript,radio-button,Javascript,Radio Button,我正在学习Javascript，并被困在这个简单的示例中。我可以看到blackcar图像，但当我单击redcar复选框时，它不起作用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <style> #photo{ float: left;

我正在学习Javascript，并被困在这个简单的示例中。我可以看到blackcar图像，但当我单击redcar复选框时，它不起作用

    <!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>


#照片{
浮动：左；
}
你喜欢哪辆车是红色的还是黑色的？
黑车


红色汽车

请帮助。

您使用的引号不正确

更改：

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

致：

请看引号。浏览器如何知道

onclick

值是

document.getElementById（“photo”）.src='images/redcar.jpg'

，而不仅仅是

document.getElementById（

），第二个

“

终止该值。为什么在HTML文档中使用XML样式的标记？是的，就是这样。谢谢

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