как сделать, чтобы input radio отслеживал все кнопки

let radio = document.querySelectorAll("input[type = 'radio']");
document.querySelector("input[type = 'radio']").addEventListener('change', function() {
  for (let i = 0; i < radio.length; i++) {
    if (radio[i].checked) {
      console.log(radio[i].value);
    }
  }
});

<ul>
  <li>
    <input id="gmail" name="mail-choose" type="radio" class="choose" checked value="@gmail.com">
    <label for="gmail">@gmail.com</label>
  </li>
  <li>
    <input id="outlook" name="mail-choose" type="radio" class="choose" value="@outlook.com">
    <label for="outlook">@outlook.com</label>
  </li>
  <li>
    <input id="spaceweb" name="mail-choose" type="radio" class="choose" value="@spaceweb.com">
    <label for="spaceweb">@spaceweb.com</label>
  </li>
  <li>
    <input id="yahoo" name="mail-choose" type="radio" class="choose" value="@yahoo.com">
    <label for="yahoo">@yahoo.com</label>
  </li>
</ul>