Mon script pour Tester un bouton radio ne fonctionne pas. [Résolu]

[rooky06]

Bonjour

J ai le form suivant :

Code :

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 :

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

[rooky06]

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 :

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 :

document.form1.QuoiQui.value

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

EDIT :

Code :

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

[rooky06]

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]

Envoyé par rooky06

et quoiqui le nom de l imput....

Code :

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

[rooky06]

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 :

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

[rooky06]

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 :

document.form1.QuoiQui

ou

Code JS :

document.getElementsByName('QuoiQui')

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

Code :

[ 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 :

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

[rooky06]

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

Code :

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]

Envoyé par rooky06

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

[rooky06]

merci, la boucle est bouclée...