Forum d'entraide PHPFrance

Bonjour Je suis à la recherche de solution...

Voila le soucis 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

<input type="reset" value="Remettre à zéro">

?

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".

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.

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

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)