Javascript 单选按钮更改图像（多个ID？）

我有一个小功能，图像在单选按钮上改变，效果很好

现在的问题是，我希望该函数可以用于第二个图像滑块。问题是，当我使用第二个滑块的单选按钮时，第一个滑块的图像当然会改变，因为它们是相同的ID。我尝试应用多个ID，如下所示：

function changeImage(imgName) {
     image = document.getElementById('image1', 'image2');
     image.src = imgName;
}

。。。但那没用

有人能帮我吗？

试试这个：

HTML:

---

谢谢，我现在明白了！

<img src="http://placehold.it/100x100" name="image1" id="image1">
<br>
<input type="radio" name="image1" onclick="changeImage('http://placehold.it/100x100',this);" checked>
<input type="radio" name="image1" onclick="changeImage('http://placehold.it/200x200',this);">
<input type="radio" name="image1" onclick="changeImage('http://placehold.it/300x300',this);">
<br>
<br>
<br>
<img src="http://placehold.it/100x100" name="image2" id="image2">
<br>
<input type="radio" name="image2" onclick="changeImage('http://placehold.it/100x100',this);" checked>
<input type="radio" name="image2" onclick="changeImage('http://placehold.it/200x200',this);">
<input type="radio" name="image2" obj.name onclick="changeImage('http://placehold.it/300x300',this);">

function changeImage(imgName, obj) {
    image = document.getElementById(obj.name);
    image.src = imgName;
}