HTML5/CSS3选择单选后显示/弹出动态图像

<input type="radio" name="image" value="image1"> Image 1
<input type="radio" name="image" value="image2"> Image 2
<input type="radio" name="image" value="image3"> Image 3

<div id="image-container"></div>

input[type="radio"] {
  /* 样式设置 */
}

input[type="radio"]:checked {
  /* 选中状态的样式设置 */
}

var imageContainer = document.getElementById("image-container");
var radios = document.getElementsByName("image");

for (var i = 0; i < radios.length; i++) {
  radios[i].addEventListener("change", function() {
    var selectedValue = this.value;
    showImage(selectedValue);
  });
}

function showImage(value) {
  // 根据选中的值来显示或弹出相应的图像
  var image = document.createElement("img");
  image.src = "path/to/" + value + ".jpg";
  imageContainer.innerHTML = "";
  imageContainer.appendChild(image);
}