如何在不同单选按钮上打开不同表单

<form>
  <input type="radio" name="formType" value="form1">表单1
  <input type="radio" name="formType" value="form2">表单2
  <input type="radio" name="formType" value="form3">表单3

  <div id="form1" style="display: none;">
    <!-- 表单1的内容 -->
  </div>

  <div id="form2" style="display: none;">
    <!-- 表单2的内容 -->
  </div>

  <div id="form3" style="display: none;">
    <!-- 表单3的内容 -->
  </div>
</form>

<script>
  var radioButtons = document.getElementsByName("formType");
  var forms = document.querySelectorAll("div[id^='form']");

  for (var i = 0; i < radioButtons.length; i++) {
    radioButtons[i].addEventListener("click", function() {
      var selectedForm = document.getElementById(this.value);

      for (var j = 0; j < forms.length; j++) {
        forms[j].style.display = "none";
      }

      selectedForm.style.display = "block";
    });
  }
</script>