[RESOLU] Decocher un radio bouton coché

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] Decocher un radio bouton coché

Re: Decocher un radio bouton coché

par AB » 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)

Re: Decocher un radio bouton coché

par chloe5972 » 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

Re: Decocher un radio bouton coché

par AB » 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.

Re: Decocher un radio bouton coché

par jojolapine » 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".

Re: Decocher un radio bouton coché

par Berzemus » 20 oct. 2010, 17:01

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

Decocher un radio bouton coché

par chloe5972 » 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