vérifier bouton radio

Version imprimable

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:

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:

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

11/02/2009, 11h18
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:

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; } })

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:

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:

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

Salut,

Et ça, ça donne quoi ?

Code:

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;
});

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:

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; } }) })

11/02/2009, 15h32
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é :aie:

Citation:

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