Bouton radio et touche F5

Version imprimable

31/07/2015, 10h43
poporte

Bouton radio et touche F5
Bonjour à tous,

Je suis confronté à un problème qui parait simple auquel je n'ai pas trouvé de réponse.
J'ai un duo de bouton radio, j'en défini un comme checked, j'ouvre ma page aucun soucis.
Je clique sur les boutons, la valeur change. Je quitte ma page, la re-ouvre, les boutons sont bien initialisés.

Cependant, si je clique sur mes boutons, et que j'appuie sur F5, la page se recharge avec la dernière valeur du radio, et c'est là que ça me pose problème...
Comment faire pour que sur l'appuie de la touche F5, les radios s'initialisent correctement. J'ai cru comprendre que raffraichissement et rechargement ne sont pas la même chose, et je voudrait bien sur éviter de passer par une phase d'initialisation des boutons en javascript.

Merci d'avance pour votre aide

Le bout de code
Code:

1 2 3 4 5 6 7 8 <html> <head> </head> <body> <input name="a" type="radio"> <input name="a" type="radio" checked="checked"> </body> </html>

Bonjour,

Je sais que tu voudrais éviter le JS mais c'est tout simple pourtant :
Code:

1 2 3 4 5 6 7 8 9 <script> function init() { var ele = document.getElementsByName("a"); ele[0].checked="false"; ele[1].checked="true"; } window.onload = init(); </script>
Bien sûr on suppose que tu n'as que deux éléments avec name="a" sinon il faut adapter ce code.
ce script exécute la fonction init quand tu charges la page.
Hors JS je ne vois pas mais ça doit sûrement être possible.

04/08/2015, 16h45
poporte
Je vais répondre moi même à ma question si jamais cela peut en aider certains !

Il suffit en fait de mettre l'attribut autocomplete="off" soit sur l'input, soit sur le form.

Par exemple
Code:

1 2 3 4 <form action="#" method="POST" autocomplete="off"> <input name="a" type="radio"> <input name="a" type="radio" checked="checked"> </form>
Et pour répondre à ta remarque :

Citation:

Je sais que tu voudrais éviter le JS mais c'est tout simple pourtant

Le problème n'était pas la difficulté de faire du JS mais bien de comment faire quelque chose que je pensais possible directement en HTML. Et éviter le JS n'est jamais mauvais :P