Boutons radio

Cet exemple montre comment récupérer les valeurs sélectionnées dans un groupes de boutons radio.

  <fieldset>
    <legend>Choisissez le jour de livraison</legend>
    <input type="radio" name="jour" value="lundi" /> Lundi<br>
    <input type="radio" name="jour" value="mardi" /> Mardi<br>
    <input type="radio" name="jour" value="mercredi" /> Mercredi<br>
    <input type="radio" name="jour" value="jeudi" /> Jeudi<br>
    <input type="radio" name="jour" value="vendredi" /> Vendredi<br>
  </fieldset>

  <button>Choisir</button><br>
  La livraison sera effectuée <span id="sortie"></span>
  
<script>

  let tabJours = document.getElementsByName("jour");
  let bouton = document.querySelector("button");
  bouton.addEventListener("click", afficher);

  function afficher() {
    for (let i = 0; i < tabJours.length; i++) {
      if (tabJours[i].checked) {
        sortie.innerHTML = tabJours[i].value;
        break;
      }
    }
  }

</script>