Discussion :

[gtraxx]

Bonjour à tous,
je rencontre un petit souci majeur avec la vérification de bouton radio.
J'ai jQuery 1.3.1 et je me rend compte que ma syntaxe est peut être pas top.
Il faut que je fasse une série de test sur les bouton radio.
Bien entendu je commence par le plus simple d'entre eux en vérifiant si un bouton est coché ....
La partie html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<form action="" method="post" id="online" class="globalForm">
			<fieldset>
			<div class="ParentQuest">
				<label>Le site est-il déjà en ligne ?</label>
				<input type="radio" name="online" value="oui" /> Oui <input type="radio" name="online" value="non" /> Non
			</div>
			<div class="ChildQuest">
				<label>Quel est son URL ?</label>
				<input type="text" name="pathurl" value="" size="50" />
			</div>
			</fieldset>
			<input type="button" class="button" value="Etape précédente" id="previous" />
			<input type="button" class="button" value="Etape suivante" id="next" />
			</form>

La partie JS:

Code :

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

1
2
3
4
5
6
7
8
9
 
$("#next").bind("click",function(){
	if($(":radio").checked != true){
		alert('Une case doit être coché');
		return false;
	}else{
		return true;
	}
})

Evidement il me retourne toujours false même si coché.
J'ai essayer aussi avec .length == 0 mais idem

[gtraxx]

J'ai trouvé une astuce que je partage avec vous.
Cependant, il faudrait mettre en place une sérier de control, je pensais faire un switch.
Genre :

• si la première est cliquer affiche la div caché
• Etc...

Si vide renvoi une alert

Voici le truc :

Code :

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

1
2
3
4
5
6
7
8
$("#next").bind("click",function(){
	if($("input:checked").length != true){
		alert('Une case doit être coché');
		return false;
	}else{
		return true;
	}
})

[gtraxx]

j'ai modifier mais je remarque que le control ne se fais que sur un seul bouton radio.
Doit on faire un each pour boucler tout sa ?

Code :

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

1
2
3
4
5
6
7
8
$("#next").bind("click",function(){
	if($("input:checked").length == 0){
		alert('Une case doit être coché');
		return false;
	}else{
		return true;
	}
})

J'ai essayer ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
$("#next").bind("click",function(){
		$(":radio").each(function(){
			if($("input:checked").length == 0){
				alert('Une case doit être coché');
				return false;
			}else{
				return true;
				}
			})
		})

Bien sur cela ne fonctionne pas

[marcha]

Salut,

Et ça, ça donne quoi ?

Code :

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

1
2
3
4
5
$("#next").bind("click",function(){
  if($("input[name='nom_du_groupe']:checked").length) return true;
  alert('Une case doit être coché');
  return false;
});

[gtraxx]

Je viens de modifier car je doit aussi avoir des exceptions mais ici le probléme c'est que l'alert est retourné systématiquement que je coche ou pas

Code :

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

1
2
3
4
5
6
7
8
9
 
$(":button#next").bind("click",function(){
		$(":radio:not(.a)").each(function(){
			if (!this.checked) {
				alert('Une case doit être coché');
				return false;
			}
		})
	})

[gtraxx]

marcha tu va rire, j'ai collé un console.log pour voir ce qu'il fais quand je clique sur le bouton #next et pour qu'il me retourne le radio non coché.
J'ai alors simplement cliquer sur les deux oui, devine quoi il me retourne que les deux non ne sont pas coché

attribution de l'id = ParentQuest_0
attribution de l'id = ParentQuest_1
<input type="radio" value="non" name="site">
<input type="radio" value="non" name="site">

Bon forcement c'est une ou l'autre, c'est oui ou non pour chaque question mais pas tout mdrrrrrr.
Que faire lol, j'aime de moins en moins c bouton radio lol