基于单选按钮选择更改Javascript变量图像源

如果此问题已得到回答，请提前道歉。我搜索过StackOverflow（以及其他网站），任何类似的问题似乎都帮不了我。无论如何，我的困境是：

我有一个单选按钮，可以控制javascript变量的图像源。 本质上，我希望图像在单击时更改，并且以一种只需要页面上最少更改的方式进行更改。我意识到这可能是一个简单的请求，但我在JavaScript方面没有那么丰富的经验，这让我非常恼火

有关如何准确构建我的页面的一些背景信息：

一切都包含在Drupal模块中。Drupal模块连接到主服务器，主服务器承载许多网页和小程序。单个小程序是用Javascript、jQuery、CSS+HTML构建的

我不能分享代码，因为它是在一个雇主的工作，但如果你想让我进一步阐述或给出一些psedoocode，我可以这样做

谢谢

---

（另请注意——这是我第一次在StackOverflow上发帖，我想我遵循了社区指导原则，但如果有任何关于如何更好地提出我的问题（以及未来的问题）的建议，请给我留言！）

你可以用以下方法来做

HTML

 <img id="my_image" src="http://i.imgur.com/tL6nW.gif" alt="">

     <br>
<input class="radio" type="radio" name="radio" value="http://i.imgur.com/tL6nW.gif" checked>Image1<br>

<input class="radio" type="radio" name="radio" value="http://i.imgur.com/BfZ5f.gif">image2
</form>

这是一个

如果要使其完全动态化，也可以在页面加载时初始化image元素的默认图像。 附加代码如下所示

$(document).on('ready',function(){
 $('#my_image').attr('src','default.gif');
});

---

作业与否你都可以把代码缩小到问题所在列示，谢谢你的回复！很抱歉我反应太晚，但我测试了你的建议，似乎有帮助。谢谢你花时间来帮助我。@vxela:谢谢你的评论，我很高兴这对我有帮助。：）如果您的问题得到了充分的回答，您可以接受答案并结束问题，否则您可以询问是否需要进一步的澄清。干杯：）

$(document).on('ready',function(){
 $('#my_image').attr('src','default.gif');
});