Comment faire des cases à cocher HTML à choix unique ?

Pour créer un groupe de cases à cocher HTML, à choix unique, où seule l'une des cases peut être cochée, vous devez utiliser les balises <input> avec l'attribut type dont la valeur est radio.

<div>
  <input type="radio" id="case1" name="groupe1" value="case 1" checked>
  <label for="case1">Case 1</label>
</div>

<div>
  <input type="radio" id="case2" name="groupe1" value="case 2">
  <label for="case2">Case 2</label>
</div>

<div>
  <input type="radio" id="case3" name="groupe1" value="case 3">
  <label for="case3">Case 3</label>
</div>

Remarque : Vous noterez l'attribut checked qui permet de cocher par défaut l'une des cases.

Remarque : Toutes les balises <input>, d'un même groupe de cases à cocher, doivent avoir le même nom (name="groupe1").