Javascript-根据所选图像更改图像

我正在使用asp.NETMVC

我有两个图标/图片如下：

<div class="gallery-preview-img" id="forest">
                                    <a href="#"><img onclick="changeImage()" src="~/Content/themes/base/images/forest_icon.png"></a>
                                </div>
<div class="gallery-preview-img" id="urban">
                                    <a href="#"><img onclick="changeImage()" src="~/Content/themes/base/images/urban_icon.png"></a>
                                </div>

---

但是，图片/图标没有改变。你知道我做错了什么吗？

这里有一个链接，指向我认为你正在尝试做的事情。我认为你现在的方法有点太复杂了。希望这有帮助

函数更改图像（事件）{
document.getElementById（'destination'）.src=event.target.src；
}

你在HTML中使用#forest或#urban ID的地方？为什么要使用“$（function changeImage（）{”和“$（'#forest'）。单击（function（）{”来检查单击？其中一个太多了。只需使用jquery click promise。所以在js中删除“$（function changeImage（）{”和HTML中的onclick=“changeImage（）”tag.尝试了这个^-仍然有问题我尝试做的是有两个图标/图像A和B。当选择A时，它将图像更改为C（并确保B不是D），当选择B时，它将图像更改为D（并确保A不是C）。如果B是D会发生什么？假设您有两个图标，用户将选择一个。选择后，所选图标会改变颜色（即图片）。这是否清楚？没有太多。请尝试查看我更新的JSFIDLE。我正在使用类名，我认为您要使用图像。如果这没有帮助，我不确定您要查找的是什么。抱歉

        $(function changeImage() {
        $('#forest').click(function () {
            if (!(document.getElementById('forest').src.match('forestG'))) {
                document.getElementById('forest').src = "~/Content/themes/base/images/forestG.png";
                if (!(document.getElementById('urban').src.match('urban_icon')) {
                    document.getElementById('urban').src = "~/Content/themes/base/images/urban_icon.png";
                }
            }
            document.getElementById('env').value = 'Forest';
        })
        $('#urban').click(function () {
            if (!(document.getElementById('urban').src.match('urbanG')) {
                document.getElementById('urban').src = "~/Content/themes/base/images/urbanG.png";
                if (!(document.getElementById('forest').src != 'forest_icon')) {
                    document.getElementById('forest').src = "~/Content/themes/base/images/forest_icon.png";
                }
            }
            document.getElementById('env').value = 'Urban';
        });
    }
 });

<img onclick='changeImage(event);' src='/path/to/image.png'/>

function changeImage(event){
  document.getElementById('destination').src = event.target.src;
}