radio-dynamic-change.xhtml

Enable keyboard shortcuts

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" class="reftest-wait">

  <radio id="r1" selected="true"/>

  <radio id="r2"/>

  <script>

    window.requestAnimationFrame(() => {

      window.requestAnimationFrame(() => {

        let r1 = document.getElementById("r1");

        let r2 = document.getElementById("r2");

        r1.removeAttribute("selected");

        r2.setAttribute("selected", true);

        document.documentElement.className = "";

});

});

  </script>

</window>