如何在单击按钮时用较新的单选按钮替换单选按钮

<input type="radio" id="option1" name="options">
<label for="option1">Option 1</label>
<br>
<input type="radio" id="option2" name="options">
<label for="option2">Option 2</label>
<br>
<button id="replaceButton">Replace</button>

document.getElementById("replaceButton").addEventListener("click", function() {
  var radioButtons = document.querySelectorAll('input[type="radio"]');
  
  radioButtons.forEach(function(button) {
    if (button.checked) {
      var newRadioButton = document.createElement("input");
      newRadioButton.setAttribute("type", "radio");
      newRadioButton.setAttribute("id", "newOption");
      newRadioButton.setAttribute("name", "options");
      newRadioButton.textContent = "New Option";
      
      button.insertAdjacentElement("afterend", newRadioButton);
    }
  });
});