Récup valeur input radio en javascript

Fermé
Alexis_62 Messages postés 97 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 24 juillet 2015 - 22 févr. 2012 à 11:59
Alexis_62 Messages postés 97 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 24 juillet 2015 - 22 févr. 2012 à 12:46
Bonjour,

j'essaye désespérément de récupérer la valeur du bouton radio html coché par l'utilisateur en javascript, pour cela j'ai tenté ce script :

<!DOCTYPE html>
<html>
    <head>
		<script language="javascript">
			function testerRadio(radGender) {
					if(document.getElementById('masculin').checked || document.getElementById('feminine').checked || document.getElementById('androgyne').checked) {	
						var recupGenre = document.myform.radGender.value; //ou var recupGenre = document.getElementsByName(radGender).value; mais ça ne fonctionne pas
						alert(recupGenre);
						window.document.location.href = 'index.html';
					} else {
						alert("Homme ? Femme ? Il faut choisir ! Si tu ne sais pas, c'est que tu es Androgyne !");
					}
		    }
		</script>
    </head>
    
	<body>
		
	<div id="container">
	
		<center><img id="gender" src="images/gender.png" alt="gender" /></center>
		
		<div id="myform">
			<form name="myform" action="#" method="POST">
				<p><input type="radio" name="radGender" id="masculin" value="Masculin" /></p>
				<p><input type="radio" name="radGender" id="feminine" value="Feminine" /></p>
				<p><input type="radio" name="radGender" id="androgyne" value="Androgyne" /></p>
				
				<input id="submit" type="button" value="Jouer" onClick="testerRadio(this.form.radGender)"/>			
			</form>
			
		</div>
		
	</div>
	
    </body>
</html>


Dans tous les cas le alert me retourne undefined =/, je sèche complètement pour le coup, quelqu'un pour me venir en aide ? Merci d'avance =) !
A voir également:

1 réponse

Alexis_62 Messages postés 97 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 24 juillet 2015 4
22 févr. 2012 à 12:46
Problème résolu, je suis passé par autre chose :

<script>function selection(myform){
				if (myform.radGender[0].checked) {
					alert("Vous avez choisi : " + myform.radGender[0].value);
					window.document.location.href = 'index.html';
				}
				
				if (myform.radGender[1].checked) {
					alert("Vous avez choisi : " + myform.radGender[1].value); 
					window.document.location.href = 'index.html';
				}
				
				if (myform.radGender[2].checked) {
					alert("Vous avez choisi :" + myform.radGender[2].value);
					window.document.location.href = 'index.html';
				}
				
				if (!myform.radGender[0].checked && !myform.radGender[1].checked && !myform.radGender[2].checked) {
					alert("Homme ? Femme ? Il faut choisir ! Si tu ne sais pas, c'est que tu es Androgyne !");
				}
			}</script>
0