JavaScript pour menu déroulant qui communique avec cases à cocher

[Sky]

Bonjour à tous,

j’aimerais savoir s’il est possible de faire ceci à l’aide d’un javascript :
J’ai un menu déroulant qui doit (communiquer) avec des cases à cocher.

Par exemple (voir pièce-jointe pour comprendre): si la valeur du menu déroulant est:  1 (cocher A et C), nous puissions cocher
UNIQUEMENT A et C. Les autres cases ne doivent pas pouvoir être cochées.

Chaque case peut être utilisées à plusieurs reprises selon les différents éléments choisis dans la liste déroulante.

Est-ce possible de le faire ? Si oui comment dois-je faire car je n’ai aucune idée pour le moment mais je me dit qu’un javascript doit être la solution à mon problème.

Merci d’avance. :priere:

Sujet

[Merlin]

Bonjour.

Il faut placer ce script en script de validation dans la liste déroulante.

Code:

this.resetForm(“A”);
this.resetForm(“C”);
this.resetForm(“B”);
this.resetForm(“D”);
//
if (event.value == “1”) {
this.getField(“A”).readonly = false;
this.getField(“B”).readonly = true;
this.getField(“C”).readonly = false;
this.getField(“D”).readonly = true;
}
else if (event.value == “2”) {
this.getField(“A”).readonly = true;
this.getField(“B”).readonly = false;
this.getField(“C”).readonly = false;
this.getField(“D”).readonly = false;
}
else if (event.value == “3”) {
this.getField(“A”).readonly = false;
this.getField(“B”).readonly = true;
this.getField(“C”).readonly = false;
this.getField(“D”).readonly = true;
}
else {
this.getField(“A”).readonly = true;
this.getField(“B”).readonly = true;
this.getField(“C”).readonly = true;
this.getField(“D”).readonly = true;
}

J’ai modifié les items de la liste déroulante dans le ci-joint.

[bebarth]

bonjour,

Par exemple (voir pièce-jointe pour comprendre): si la valeur du menu déroulant est:  1 (cocher A et C), nous puissions cocher
UNIQUEMENT A et C. Les autres cases ne doivent pas pouvoir être cochées.

Juste une question : pour l’utilisateur, ne serait-il pas plus compréhensible de montrer/masquer les cases qu’il peut cocher plutôt qu’il se demande si c’est normal (ou pas) qu’il ne puisse pas cocher une case !!!
Ce qui donnerait, en partant du script de Merlin :

Code:

this.resetForm(“A”);
this.resetForm(“C”);
this.resetForm(“B”);
this.resetForm(“D”);
//
if (event.value == “1”) {
    this.getField(“A”).display = display.hidden;
    this.getField(“B”).display = display.visible;
    this.getField(“C”).display = display.hidden;
    this.getField(“D”).display = display.visible;
}
else if (event.value == “2”) {
    this.getField(“A”).display = display.visible;
    this.getField(“B”).display = display.hidden;
    this.getField(“C”).display = display.hidden;
    this.getField(“D”).display = display.hidden;
}
else if (event.value == “3”) {
    this.getField(“A”).display = display.hidden;
    this.getField(“B”).display = display.visible;
    this.getField(“C”).display = display.hidden;
    this.getField(“D”).display = display.visible;
}
else {
    this.getField(“A”).display = display.visible;
    this.getField(“B”).display = display.visible;
    this.getField(“C”).display = display.visible;
    this.getField(“D”).display = display.visible;
}

Par contre, il faut retirer les cases qui ne sont pas des champs !
@+
:bonjour:

[Sky]

Wahoo ! Vous êtes trop fort.

Dans mon cas j’y suis allée avec le script de Merlin, car j’ai une mention qui dit que les choix ne seront pas tous disponibles dans mon contenu texte. Et le tout fonctionne à merveille.

Bravo ! et Merci beaucoup de votre grande aide comme toujours !

Mon problème est résolu. :soleil:

[Merlin]

:bonjour:

[Auteur]

Réponses