Checkbox coche affichage div

Fermé
antitaniom - 20 févr. 2008 à 13:35
 antitaniom - 20 févr. 2008 à 13:50
Bonjour,
j'ai sur une page un dessin sur lequel j'ai des calques div qui représentent un chacun un point.
A cote j'ai un formulaire avec des balises:

<form name="form">
<input type="checkbox" name="x[]" value="1"> x1
<input type="checkbox" name="x[]" value="2"> x2
</form>

Je n'arrive pas a coder le script pour que si l'on selectionne x1, le calque x1 du dessin s'affiche, et que si on decoche la case, il disparaisse.
Je sais que ce n'est pas tres compliqué, mais je suis plus fort en php qu'en javascript !
Quelqu'un peu m'aider... Merci
A voir également:

2 réponses

Enax Messages postés 203 Date d'inscription lundi 11 février 2008 Statut Membre Dernière intervention 16 mars 2010 145
20 févr. 2008 à 13:50
<input type="checkbox" name="x[]" value="1" onclick="montrerCalque(this);"> x1
<input type="checkbox" name="x[]" value="2" onclick="montrerCalque(this);"> x2 

function montrerCalque(checkbox)
{
	if(checkbox.checked == true)
	{
		document.getElementById("dessin_" + checkbox.value).style.visibility = visible;
	}
	else
	{
		document.getElementById("dessin_" + checkbox.value).style.visibility = hidden;
	}
}
1
Pour completer mon message, ca fonctionne si j'ecris:

<input type="checkbox" id="teteg" value="1" onClick="if (this.checked) { document.getElementById(id).style.display='' } else { document.getElementById(id).style.display='none' };">teteg

mais j'aimerai avoir une fonction simple a utiliser...
Merci
0