Decocher case à cocher si autre case cochee

Bonjour.

Je voudrais faire un truc assez simple mais je n'y arrive pas.
J'ai 2 cases à cocher, la case VGA et la case DVI quand DVI est coché, on décoche VGA, et vice versa... en fait je voudrais reproduire le même effet que des boutons radio, sauf que je peux pas en mettre d'apres mon cahier des charges. (obligatoirement une checkbox).

J'avais commencé ça mais ça marche pas :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function Chkbox() { if(document.getElementById("VGA").checked) { document.getElementById("DVI").checked = false; } if(document.getElementById("DVI").checked) { document.getElementById("VGA").checked = false; } }

---

ça marche dans un sens mais pas dans l'autre. Quelqu'un peut m'aider svp ?
Merci

Peux-tu également donner les lignes qui appelle ta fonction ?

alors dans mes inputs checkbox, je met :

Code:

---

onclick='Chkbox()';

---

J'ai changé ta fonction, au lieu de faire des if les un à la suite des autre j'utilise un switch. Ca donne ça :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function Chkbox(id){ switch(id){ case "DVI" : document.getElementById("DVI").checked = true; document.getElementById("VGA").checked = false; break; case "VGA" : document.getElementById("DVI").checked = false; document.getElementById("VGA").checked = true; break; } }

---

Et appelle là fonction de cette façon :

Code:

---

onclick="Chkbox(this.id);"

---

Après là ça marche mais c'est fait vite fait, il doit y avoir des méthodes plus pratique que de dire à chaque fois "tel ID doit être à true, celui là à false, celui là à false, etc...". Pour une méthode plus propre et en peu de ligne, regarde peut-être du côté de JQuery.

Yeah merci c'est exactement ça !
J'aimerais bien utiliser cette bibliotheque, mais je ne sais pas du tout comment ça marche !
Il y a t il des tutos facile à comprendre comment JQuery fonctionne ?

Oui, des tutos il y en a un peu partout sur le net. Déjà ici il doit y en avoir, ensuite une recherche via google et tu trouveras ton bonheur. Si tu lis un peu l'anglais tu as le site de JQuery qui propose sa doc, sinon, j'était déjà tombé sur un site qui était la traduction française du site de JQuery. Bref tu as de quoi faire. Et tu verras, tu pourras faire tes fonctions de façon plus propre et en peu de ligne.

Oui ça pourrait m'aider. Je me tappe tout a la main lol.
Merci beaucoup.

Bonne journée

Ju'

Bonjour,

Sinon, tu peux aussi utiliser <input type="radio" ... > à la place :D

ou encore, si tu désires réellement conserver des cases à cocher, utiliser un "groupe de nom" ce qui permet un code plus "générique"...

Code:

---

1 2 3 4 5

<input type="checkbox" value="VGA" id="VGA" name="ckb_groupe1[]" onclick="updateGroupe(this);" /> <input type="checkbox" value="DVI" id="DVI" name="ckb_groupe1[]" onclick="updateGroupe(this);" /> <input type="checkbox" value="USB" id="USB" name="ckb_groupe2[]" onclick="updateGroupe(this);" /> <input type="checkbox" value="ETH" id="ETH" name="ckb_groupe2[]" onclick="updateGroupe(this);" />

---

Code:

---

1 2 3 4 5 6 7 8 9

function updateGroupe(objSender) { var groupe = document.getElementsByName(objSender.name); if (objSender.checked) { for (i in groupe) { if (groupe[i] != objSender) groupe[i].checked = false; } } }

---

;)

devyan

Bonjour et merci de ces précisions, mais j'utilise déjà des noms de groupe. JE récupère les POST avec un foreach plus haut dans mon PHP.
Et les boutons radio ne vont pas avec mon cahier des charges. je dois obligatoirement utiliser des checkbox :)