JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container container-1">
  <input type="radio" name="group-1" id="">
  <input type="radio" name="group-1" id="">
  <input type="radio" name="group-1" id="">
</div>
<div class="container container-2">
  <input type="radio" name="group-2" id="">
  <input type="radio" name="group-2" id="">
  <input type="radio" name="group-2" id="">
</div>
<div class="container container-3">
  <input type="radio" name="group-3" id="">
  <input type="radio" name="group-3" id="">
  <input type="radio" name="group-3" id="">
</div>
<button id="button" disabled>Aaaaaaaaaaaaaaaaaa</button>

JavaScript

(function (){
    let containers = 0;
    const button = document.getElementById('button');
    function handler(event) {
        event.currentTarget.removeEventListener('input', handler);
        containers--;
        if (containers == 0)
            button.removeAttribute('disabled');
    }
    Array.from(document.getElementsByClassName('container')).forEach(c => {
        c.addEventListener('input', handler);
        containers++;
    })
})()