Discussion :

[rhani-sama]

Bonjour,
J'ai deux checkBox c1 et c2, je veux développer une fonction qui assure les traitements suivants:

Lors du click sur c1:
si c1.checked=true
decocher c1
desactiver c1
activer c2
cocher c2

sinon
cocher c1
decocher c2
desactiver c2

Meme traitement lors du click sur le deuxieme checkBox, ce qui permet de garder qu'un seul checkbox coché et activé.

Voici la fonction que j'ai implémenté:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function (idC1, idC2){
                if(!document.getElementById(idC1).checked){
                    document.getElementById(idC1).checked=true;
                    document.getElementById(idC2).checked=false;
                    document.getElementById(idC2).disabled=true;
                }
                else{
                    document.getElementById(idC1).checked=false;
                    document.getElementById(idC1).disabled=true;
                    document.getElementById(idC2).checked=true;
                    document.getElementById(idC2).disabled=false;
                }

Malheureusement cette fonction ne donne pas les résultats que je souhaite, en fait, j'essaie de l'appliquer sur plusieurs couples de checkBoxs. Mais pour chaque couple, elle donne des résultats différents. Plutot des résultats de toute pièce .

Merci d'avance pour votre aide

[Bovino]

idC1 et idC2 sont définis comment ?

[le_chomeur]

pourquoi ne pas utiliser des couples de bouton radios a la place ?

[rhani-sama]

idC1 et idC2 sont définis comment ?

En fait j'utilise cette fonction sur des composabts JSF via le tag onclick:

Code :

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

1
2
3
4
5
6
7
<h:form id="form>"
 
<h:selectBooleanCheckbox value="#{MyBean.value}" onclick="maFonction('form:c1','form:c2');" id="c1"/>
 
<h:selectBooleanCheckbox value="#{MyBean.value}" onclick="maFonction('form:c2','form:c1');" id="c2"/>
 
</form>

j'utilise form:c1 comme identifient au lieu de c1, car pour JSF c1 est l'identifiant coté serveur mais pour le client, une fois la page générée le composant est identifié par form:c1. Je suis sur que ce n'est pas la source du problème. En effet, j'ai vérifié les id des composants après la génération de la page Ctrl+U, ils sont de types form:c1. Autre chose c que la fonction déclenche des traitement lors du click sur l'un des checkBoxs, mais elle donne des résultats erronés.

[le_chomeur]

par rapport a l'utilisation que tu décris je pense que les boutons radio seraient plus approprié mais bon

[rhani-sama]

par rapport a l'utilisation que tu décris je pense que les boutons radio seraient plus approprié mais bon

Wé, merci pour ta proposition, elle m'a permis de résoudre bcp de problèmes
mais je me demande encore pourquoi ma fonction donne des résultats hasardeux