Bonjour,

Ma question a dû être abordée maintes fois, veuillez m'en excuser.

Si j'ouvre ma page avec n'importe lequel des deux codes ci-dessous, le résultat est le même : La première case est cochée.
Par contre, si je coche la deuxième case et que je recharge la page (exemple : appui sur le bouton F5 du clavier) :
- Avec le premier code la deuxième case reste cochée.
- Avec le deuxième code, la première case redevient cochée.

Pourquoi?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <input type="radio" name="o" checked>Choix 1<br>
    <input type="radio" name="o">Choix 2<br>
    <input type="radio" name="o">Choix 3<br>
  </body>
</html>

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <input type="radio" name="o">Choix 1<br>
    <input type="radio" name="o">Choix 2<br>
    <input type="radio" name="o">Choix 3<br>
    <script>document.getElementsByTagName("input")[0].checked=true;</script>
  </body>
</html>