Discussion :

[CPI_en_mousse]

Bonjour,

J'ai un bouton radio avec 2 choix.
1- Je souhaiterai pouvoir l'initialiser à vide, c'est à dire qu'aucun choix ne soit sélectionné par défaut, comment puis je faire par javascript pour déselectionner tous les choix.

2 - Je souhaiterai le cacher ou l'afficher selon la valeur d'un select.

lorsque j'exécute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('NatureDroit').style.display= 'none';

je n'ai que le choix (et son libellé) qui est sélectionné qui est masqué. le 2nd choix reste affiché.

Pourquoi et comment m'en sortir?



Merci de vos contributions

[Auteur]

bonjour,

J'ai un bouton radio avec 2 choix.

1 bouton radio ? Tu es sûr ? Les boutons radio sont au moins 2. Sinon c'est un checkbox qu'il te faut.

1- Je souhaiterai pouvoir l'initialiser à vide, c'est à dire qu'aucun choix ne soit sélectionné par défaut

Il suffit simplement de ne pas spécifier l'attribut selected

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="groupRadio">
<label for="radio1">Choix 1</label><input type="radio" name="groupe1" id="radio1" /><br/>
<label for="radio2">Choix 2</label><input type="radio" name="groupe1" id="radio2" />
</div>

je n'ai que le choix (et son libellé) qui est sélectionné qui est masqué. le 2nd choix reste affiché.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('NatureDroit').style.display= 'none';

Je suis prêt à parier que tu as donné à tes deux boutons radio le même id. Un id doit être unique dans une page HTML.


Si veux cacher tes boutons radios reprends le code HTML que je t'ai donné précédemment dans ce message. Tu verras qu'ils sont encadrés par une balise div. Avec ton script il faut que tu joues avec la propriété display du div et non des boutons radio.

[CPI_en_mousse]

Ok pour le masquage des radios dans la DIV : merci.

Par contre pour l'initialisation, je me suis mal exprimé, en fait je souhaiterais réinitialiser les radios à vide via une fonction JS lors de certaines actions.
Comment faire pour supprimer le selected?

[Auteur]

Deux solutions :

1- la solution HTML : ajouter un bouton de type reset

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<form action="">
	<div id="groupRadio">
		<label for="radio1">Choix 1</label><input type="radio" name="groupe1" id="radio1" /><br/>
		<label for="radio2">Choix 2</label><input type="radio" name="groupe1" id="radio2" />
	</div>
	<input type="reset" />
</form>

Il faut que tes boutons soient encadrées des balises form. Ensuite sache que si l'utilisateur appuie sur Reset tous les champs sont réinitialisés.

2- La fonction javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
function resetBtnRadio()
{
	document.getElementById("radio1").checked=false;
	document.getElementById("radio2").checked=false;
}

[CPI_en_mousse]

Ok, c'est tout bon,

Merci à toi et a tes réponses.