Javascript HTML5-使用下拉菜单或单选按钮切换图像

这可能是一个愚蠢而明显的问题，但有人知道如何使用下拉菜单或单选按钮更改画布中显示的图像吗

---

所以，如果我有一张红色的云彩图像，我想用一张绿色的云彩图像来代替它，使用下拉菜单/收音机，我会怎么做呢

使用下拉菜单或radiobutton的onChange事件并调用javascript函数，将图像的名称传递给它

<input type="radio" name="cloud" value="red" onChange="javascript:imgChange('red.gif')"> Red cloud<br>
<input type="radio" name="cloud" value="blue" onChange="javascript:imgChange('blue.gif')"> Blue cloud<br>
<input type="radio" name="cloud" value="green" onChange="javascript:imgChange('green.gif')"> green cloud

function imgChange(var img){
    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    var img = new Image;
    // set your image according to the parameter
    ctx.drawImage(img,10,10);
}

---

嗯，呃，我是一个史诗级的Javascript noob，我不知道怎么做：C我已经设置了广播表，但是让它们更改图像不起作用…事实上，广播表也不能正常工作-我可以选择多个按钮确保它们都有相同的名称。这将把他们放在同一个组中，您应该只能选择一个。至于JS，你可以使用我的函数，用下面的内容替换注释：好吧，我已经让收音机工作了，我已经输入了代码，但是我如何让代码检测哪个按钮被按下：SMaybe你可以添加一些示例代码让我看一下，好吗？因为现在我只是到处乱跑，头发着火了