如何根据选择的单选按钮交换显示的图像？

<input type="radio" id="image1" name="image" checked>
<label for="image1">图像1</label>
<input type="radio" id="image2" name="image">
<label for="image2">图像2</label>

<img id="displayImage" src="image1.jpg" alt="显示图像">

// 获取单选按钮和图像元素的引用
var image1 = document.getElementById("image1");
var image2 = document.getElementById("image2");
var displayImage = document.getElementById("displayImage");

// 为每个单选按钮添加事件监听器
image1.addEventListener("change", function() {
  if (image1.checked) {
    displayImage.setAttribute("src", "image1.jpg");
  }
});

image2.addEventListener("change", function() {
  if (image2.checked) {
    displayImage.setAttribute("src", "image2.jpg");
  }
});