Tester l'existence d'un groupe de boutons radio

Version imprimable

09/10/2010, 11h40
okoweb

Tester l'existence d'un groupe de boutons radio

Bonjour,
Je génère par le DOM un groupe de boutons radio par un onchage sur un select. Je souhaite valider mon formulaire tant que ce groupe a été généré et qu'un bouton a été coché.
Comment le faire?

Merci d'avance...
09/10/2010, 13h02
okoweb

Peut etre ca n'a pas été clair. En fait je génère dynamiquement un groupe de boutons radio sur un retour xhr depuis un onchange sur un select. Ce qui me terrasse c'est vérifier que les boutons sont bel et bien sur la page et un est bien sélectionné (cheched) avant la soumission du formulaire. Si le groupe des boutons n'est pas présent, le formulaire ne peut pas être soumis.
Je galère...
09/10/2010, 13h21
dragonno
Ton groupe de boutons doit avoir un Id et teste sa présence avec un
Code:

1 2 3 4 5 6 if(document.getElementById(id)){ // groupe présent ! }else { // groupe absent ! }
Ensuite pour savoir si l'un des boutons est sélectionné :

http://javascript.developpez.com/sources/
09/10/2010, 13h31
okoweb
Citation:

Envoyé par dragonno

Ton groupe de boutons doit avoir un Id et teste sa présence avec un
Code:

1 2 3 <input type="radio" name="sexe" value="1" /> Masculin <input type="radio" name="sexe" value="2" /> Féminin
Je ne sais pas comment avoir meme id pour l'ensemble de mes boutons radio. L'id doit etre unique dans une page.

Merci d'avance...

Code:

1
2
3
4
5
document.getElementById('id_du_formulaire').onsubmit = function(){
    if(!document.getElementsByName('sexe').length){
        return false;
    }
};

09/10/2010, 13h50
dragonno

Tu peux donner un nom de classe à chacun de tes boutons ;)
Javasacript va rechercher le nom de la classe et tester sa présence.

Sinon pour les ID peut-etre que tu peux rassembler tes boutons dans un cadre DIV qui aura une ID, et tester seulement la présence du cadre, seulement cela ne sera le reflet de la présence des boutons que si le code générant les boutons génère aussi le cadre ou alors l'active en mettant : display:block;

EDIT :
Heu j'avais oublié que tes boutons étaient peut-etre dans un form ;)
Bovino a la meilleure solution ;)

Citation:

Envoyé par Bovino

Code:

1
2
3
4
5
document.getElementById('id_du_formulaire').onsubmit = function(){
    if(!document.getElementsByName('sexe').length){
        return false;
    }
};

Exact cher maître :ccool:

Merci...

09/10/2010, 14h12
dragonno

N'oublie pas le "Resolu" ;)
09/10/2010, 14h14
okoweb

Code:

alert(document.getElementsByName('sexe').length);

Le code ci-dessus me retourne le nombre de bouton, maintenant comment savoir qu'un bouton a été coché (checked)?

Merci d'avance...
09/10/2010, 15h47
andry.aime

Bonsoir,

Regardes la Faq.

A+.
09/10/2010, 17h43
dragonno

Je t'avais mis le lien dans ma réponse ;)