[RESOLU] Decocher un radio bouton coché

Eléphanteau du PHP | 13 Messages

20 oct. 2010, 16:19

Bonjour Je suis à la recherche de solution...

Voila le soucis

Code : Tout sélectionner

<form name="form_profil"> <input type="radio" name="rep_1_1" id="rep_1_1" value="1" > 1 <br> <input type="radio" name="rep_1_1" id="rep_1_1" value="2" > 2 <br> <input type="radio" name="rep_1_1" id="rep_1_1" value="3" > 3 <br> </form>
Une fois qu'un choix est fait, pas moyen de décocher quoique ce soit
L'idéal serait de recocher le radio bouton coché pour le "désactiver" (remettre à vide)
Comment procéder en javascript ???

Merci d'avance
Chloe5972

ViPHP
ViPHP | 4039 Messages

20 oct. 2010, 17:01

<input type="reset" value="Remettre à zéro">
?
Mais qu'importe. (je suis ici - dernier petit projet)
Berze going social.

ViPHP
ViPHP | 3607 Messages

20 oct. 2010, 22:37

J'ajoute une chose:
Les input de types radios sont fait pour être coché!
Si tu veux laisser à l'utilisateur le droit de tout décocher, alors direction les checkbox!
Tu peux aussi ajouter une entrée supplémentaire: "Aucun des choix ci-dessus".

ViPHP
AB
ViPHP | 5818 Messages

20 oct. 2010, 23:16

J'ajoute une chose:
Les input de types radios sont fait pour être coché!
Si tu veux laisser à l'utilisateur le droit de tout décocher, alors direction les checkbox!
Tu peux aussi ajouter une entrée supplémentaire: "Aucun des choix ci-dessus".
+1
Autant utiliser les éléments du formulaire tel qu'ils sont prévus pour être utilisés et c'est aussi moins déroutant pour les utilisateurs.

Eléphanteau du PHP | 13 Messages

21 oct. 2010, 10:17

Oui effectivement mais...
La fonction que je souhaite mettre en place s'intègre dans un questionnaire
* un input reset remettrait tous mes radio a "blanc" (sur la dernière question du questionnaire c'est rageant )!!
* Les checkbox proposent un choix multiple alors qu'une seule réponse est attendue (à moins de limiter le check à 1)
* Ajouter une entrée supplémentaire "Aucun choix" alourdirait le questionnaire déjà bien fourni

N'y a t-il pas une solution qui permette sur le clic d'un bouton déjà coché de le décocher ?
Merci d'avance
Chloe

ViPHP
AB
ViPHP | 5818 Messages

21 oct. 2010, 17:54

Bon, voilà :
<script type="text/javascript">
<!--
function Reset_radio(id_ensemble_radio)
{
	// Sélection du bloc contenant les boutons radio (id = "choix_radio" dans notre exemple) 
	var id_ensemble_radio = document.getElementById(id_ensemble_radio);
	
	if(id_ensemble_radio)
		{
			//Initialisation d'une variable pour contenir un tableau.
			var tab = new Array();
		   
			// Cherche les balises de nom input inclues dans le bloc (id = "choix_radio" dans notre exemple) 
			tab = id_ensemble_radio.getElementsByTagName('input');
		   
			// Liste les éléments du tableau
			for (i=0; i < tab.length; i++)        
					{
						//Si balise de type radio on met checked = false
					  	if(tab[i].type == 'radio')  tab[i].checked = false;
					}			
		}
}
-->
</script>
	<form action = "#" method = "post" id = "form1">
		<p>
			<label for="poussins">poussins</label>
			<input type="radio" id = "poussins" name = "cat" value = "poussins"  />
		
			<label for="minimes">minimes</label>
			<input type="radio" id = "minimes" name = "cat" value = "minimes"  />
		</p>
		
		<p id = "choix_radio">
		
			<label for="cadets">cadets</label>
			<input type="radio" id = "cadets" name = "cat" value = "cadets"  />
		
			<label for="juniors">juniors</label>
			<input type="radio" id = "juniors" name = "cat" value = "juniors"  />
			
			<label for="seniors">seniors</label>
			 <input type="radio" id = "seniors" name = "cat" value = "seniors"  />
			 
			<input type = "button" onclick = "Reset_radio('choix_radio')" value = "Reset" />
		</p>
	</form>
Je t'ai mis deux lignes de boutons radio pour montrer qu'on pouvait cibler le reset (ici pour la deuxième ligne)