取消选择单选按钮的onclick / onchange事件

Question

我想知道是否有人知道如何解决我一整天都在喋喋不休的问题，并对其进行一些新的思考。情况如下，我需要制作一个主要是单选按钮样式问题的表单，样式为图像按钮。我坚持使用的部分是通过onclick或onchange事件取消选中单选按钮后试图恢复图像。

在取消选中单选按钮后，是否有任何解决方法或方法可以触发事件？任何解决这个问题的输入都会受到欢迎。一个示例问题如下：

<input type="radio" id="switch" onclick="changeImage()" name="radiogroup" style="visibility: hidden;">
<img id="Image1" src="normal.png" onclick="changeImage()">


<script>
  function changeImage() {
      var image = document.getElementById('Image1');
      if (image.src.match("normalb")) {
          image.src = "normal.png";
          var x = document.getElementById("switch");
      x.checked = false;
      } else {
          image.src = "normalb.png";
          var x = document.getElementById("switch");
      x.checked = true;
      }
  }
</script>

<input type="radio" id="switch2" onclick="changeImage2()" name="radiogroup" style="visibility: hidden;">
<img id="Image2" src="dry.png" onclick="changeImage2()">


<script>
  function changeImage2() {
      var image = document.getElementById('Image2');
      if (image.src.match("dryb")) {
          image.src = "dry.png";
          var x = document.getElementById("switch2");
      x.checked = false;
      } else {
          image.src = "dryb.png";
          var x = document.getElementById("switch2");
      x.checked = true;
      }
  }
</script>