Discussion :

[Invité]

Bonjour

J ai le form suivant :

Code :

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

1
2
3
4
5
<form name='form1'>
<input name="QuoiQui" type="radio" checked="checked" value="qoui"/>Quoi
<input name="QuoiQui" type="radio" value="qui"/>Qui
<input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</form>

je voudrais dans la fonction lookup tester si la valeur quoi est cochee et si oui, poursuivre l execution donc j ai fais cela :

Code :

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

1
2
3
4
5
function lookup(inputString) {
if(document.form1.QuoiQui.value=="quoi")
{ 
//---ICI le test est coorect donc on poursuit...	
}	}

mon pb est que le test n est jamais TRUE.

En fait je souhaite realiser un petit annuaire pour une association d enfants dysphasiques et si qoui est coché on cherche dans la liste des partenaires et si c est qui, on cherche dans la liste des membres.
je ne connais pas javascript mais d apres ce que j ai lu, j ai tous les elements pour le test...

merci pour votre aide

[andry.aime]

Bonsoir,

<input name="QuoiQui" type="radio" checked="checked" value="qoui"/>

if(document.form1.QuoiQui.value=="quoi")

A+.

[Invité]

merci une faute de frappe, quel ane...mais je n y parviens pas non plus, meme apres correction.

J ai essayé de simplifier donc j ai fait(peut etre cela vient il de la fonction ???)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function lookup(inputString) {
	if(inputString.length == 0 || document.form1.QuoiQui.value=="qui") {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("rpc.php", {queryString: ""+inputString+""}, function(data){
				if(data.length >0) {
					$('#suggestions').show();
					$('#autoSuggestionsList').html(data);
				}
			});
		}
} // lookup

mais là la suite du script s execute systématiquement...

merci pour votre aide

[Bovino]

Code :

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

document.form1.QuoiQui.value

et le navigateur, il fait plouf plouf pour déterminer de quel input tu parles ?

EDIT :

Code :

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

1
2
3
4
5
<form>
<input type="radio" name="test" value="1" />
<input type="radio" name="test" value="2" />
<input type="button" value="Valeur radio" onclick="alert(this.form.test.value)" />
</form>

renvoie systématiquement undefined

[Invité]

je pensais que document etait la page, form1 donnait le nom du form et quoiqui le nom de l imput....
j ai pas compris le truc.

[Bovino]

et quoiqui le nom de l imput....

Code :

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

1
2
<input name="QuoiQui" type="radio" checked="checked" value="qoui"/>Quoi
<input name="QuoiQui" type="radio" value="qui"/>Qui

Ben si j'en crois mes yeux, il y a deux input QuoiQui, ce qui rend difficile pour le navigateur de savoir auquel tu fais référence

[Invité]

Je sais, mais je pensais justement que ça testait les deux value des deux....

je m aperçois de la connerie en l ecrivant.

mais document.form1.QuoiQui.value=="qui" devrait etre systhematiquement true puisque il y a bien un quoiqui qui s appelle "qui" non ?

Dsl j ai du mal à comprendre...

[Bovino]

Code :

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

document.form1.QuoiQui

renvoie une collection, il faut donc faire une boucle pour déterminer celui qui est coché puis sa valuer, mais comme tu utilises jQuery, utilise les méthodes de jQuery plutôt que de faire des mélanges vanilla / jQuery, ce sera plus propre...

[Invité]

merci, je vais chercher, j essaie de 'neutraliser' un autosuggest que j ai trouvé en jquery...d'où le mélange.

[Watilin]

Tu démontes un gratte-ciel pour t'en faire une cabane de jardin ? ^^

Bon. Tu as deux input portant le même name. Il y a deux façons équivalentes d'y accéder :

Code JS :

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

document.form1.QuoiQui

ou

Code JS :

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

document.getElementsByName('QuoiQui')

Dans les deux cas, le résultat est une collection de deux éléments :

Code :

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

[ input quoi, input qui ]

On peut accéder à un élément par son index, comme dans les tableaux (mais ce n'est pas un tableau !) :

Code JS :

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

document.getElementsByName('QuoiQui')[0]

De plus, la propriété value ne change pas, que l'input soit coché ou non. Ce qui change, c'est la propriété checked.

Je te conseille de mettre en œuvre une solution par toi-même avant d'aller chercher du code « prêt-à-intégrer » sur Google. Les frameworks sont fantastiques, ils peuvent faire gagner énormément de temps, mais si on n'a jamais mis les mains dans le cambouis, le jour où on a une difficulté on s'en mord les doigts

[Invité]

merci, j ai tout compris. Et ducoup j ai trouvé la solution...

Code :

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

if(inputString.length == 0 || document.form1.QuoiQui[1].checked==true)

Et cela fonctionne parfaitement...

Par contre, question idiote, alors, à quoi sert value si on ne peut pas le tester ?

[NoSmoking]

Par contre, question idiote, alors, à quoi sert value si on ne peut pas le tester ?

c'est un truc tout bête, cela sert à être exploité coté serveur, pour connaître le choix de l'internaute....

[Invité]

merci, la boucle est bouclée...