Discussion :

[JeanJean75]

Bonsoir,

Je viens vous consulter car je souhaite réaliser une checkbox à l'aide de deux images, une coché, l'autre non.

Cependant, j'ai pas mal cherché sur internet, mais tout ce que j'ai trouvé, se sont des code à rallonge.

Ne connaissant que très très peu le JS, j'aimerais quelque chose de simple.

Vous auriez ça sous la main ?

[Auteur]

bonjour,

le code JS :

Code javascript :

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

1
2
3
4
5
6
7
function clickChk(obj)
{
	if (obj.src.toLowerCase()=='decoche.jpg')
		obj.src = "coche.jpg";
	else
		obj.src = "decoche.jpg";
}

le code HTML

Code html :

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

1
2
 
<img src="decoche.jpg" alt="" onclick="clickChk(this)" />

[JeanJean75]

Merci de ta réponse, mais ça ne change rien chez moi. La checkbox reste la même. :/

Code :

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

1
2
3
<form>
     <input type="checkbox" name="Checkbox" onclick="clickChk(this)" />
</form>

Code :

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

1
2
3
4
5
6
7
8
9
<script laguage="Javascript">
	function clickChk(obj)
	{
		if (obj.src.toLowerCase()=='images/case.png')
			obj.src = "/images/caseonon.png";
		else
			obj.src = "images/case.png"
	}
</script>

[Auteur]

j'ai utilisé une balise <img> pas une balise <input>

[JeanJean75]

Ok, mais est ce que cela sera pris en comptes par le formulaire comme une checkbox ?

La case non coché s'affiche bien, mais quand je clique rien ne fonctionne. :/

Code :

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

                    <img src="images/case.png" alt="" onclick="clickChk(this)" />

Code :

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

1
2
3
4
5
6
7
8
9
<script laguage="Javascript">
	function clickChk(obj)
	{
		if (obj.src.toLowerCase()=='images/case.png')
			obj.src = "/images/caseonon.png";
		else
			obj.src = "images/case.png"
	}
</script>

Merci et bonne soirée.

[julioooo]

Ok, mais est ce que cela sera pris en comptes par le formulaire comme une checkbox ?

Non mais rien ne t'empêche dans ta fonction d'alimenter un input type hidden de ton formulaire avec la valeur que tu souhaites.