Discussion :

[ju0123456789]

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 :

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

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

[neo18045]

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

[ju0123456789]

alors dans mes inputs checkbox, je met :

Code :

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

 onclick='Chkbox()';

[neo18045]

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 :

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

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 :

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

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.

[ju0123456789]

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 ?

[neo18045]

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.