Discussion :

[oliola4]

Bonjour,

J'ai réalisé un questionnaire contenant des inputs "radio", soit une case à cocher en fonction de la qualité du répondant (employé, indépendant, ouvrier, étudiant,...)

Code html :

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

1
2
3
<input type="radio" name="qualite" value="employe"/> employé
<input type="radio" name="qualite" value="independant"/> indépendant
<input type="radio" name="qualite" value="ouvrier"/> ouvrier

J'essaie ensuite de récupérer la valeur de la case cochée en jquery et voudrais la placer dans un tableau

Code :

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

myArray[3] = $(':input[name="qualite"]:checked').val();

Lorsque j'essaie de visualiser le résultat, le tableau semble vide.

Code :

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

alert(myArray[3]); //ne donne aucun résultat

Je n'ai aucun souci par contre quand je procède de la sorte pour un input de type "text"

Code :

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

1
2
3
4
5
<input name="date_naissance_txt" type="text" size="15" maxlength="10" />
 
myArray[1] = $(':input[name="date_naissance_txt"]').val();
 
alert(myArray[1]); //donne bien la date de naissance introduite dans le champs

Auriez-vous une idée du problème?

Merci!

[Toufik83]

cette ligne

Code jQuery :

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

 myArray[3] = $(':input[name="qualite"]:checked').val();

ne fonctionnera que si un de tes radio est coché, au chargement de la page, il n'y a aucun radio checked, c'est pour cela que ton tableau est vide.
soit que tu ajoute un attribut checked="checked" a un radio (par defaut), soit tu met un écouteur de click sur ces éléments radios.

Code html :

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

1
2
3
4
 
<input type="radio" name="qualite" value="employe"/> employé
<input type="radio" name="qualite" value="independant" checked="checked"/> indépendant <!-- on check ce radio !-->
<input type="radio" name="qualite" value="ouvrier"/> ouvrier

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
 
$(function(){
var myArray=[];
console.log("au chargement :"+$(':input[name="qualite"]:checked').val());
$(":input[name='qualite']").click(function(){
myArray[0] = $(':input[name="qualite"]:checked').val();
console.log("après clique :"+myArray[0]);
});
 
});

[oliola4]

Un super grand merci Toufik!

J'y vois beaucoup plus clair.

[Toufik83]

de rien, c'est avec plaisir.
si ton problème est résolu, n'oublis pas de passer le sujet en résolu.

[oliola4]

C'est bizarre, j'ai ajouté le code suivant pour tester mais j'ai toujours le même problème

Code :

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

1
2
3
4
$(":input[name='qualite']").click(function(){
	myArray[3] = $(':input[name="qualite"]:checked').val();
	alert("après clique :"+myArray[3]);
	});

L'alert ne me renvoie aucune valeur, toujours comme si le tableau était vide

[Toufik83]

a-tu mis ce code dans une fonction $(document).ready ?

Code jQuery :

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

1
2
 
$(document).ready(function(){/*ta fonction clique doit être  ici*/});