单选按钮示例不起作用

时间:2016-01-06 21:09:18

标签: javascript radio-button

我正在学习Javascript并陷入这个简单的例子。我能够看到黑车图像,但是当我点击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>

请帮忙。

1 个答案:

答案 0 :(得分:0)

您错误地使用了引号。

变化:

info.plist

要:

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