Afficher une image pour chaque checkbox

Bonjour/soir,

Je fais suite à une discussion que j'avais clôturée à tort.
Mais la situation est comme ça :

Pour un projet carto, j'ai une arborescence avec toutes mes couches. J'arrive sans problème à afficher les couches cad qu'à la checkbox "Open Street Map" s'affiche la couche OpenStreetMap.

Ce que j'aimerais c'est pouvoir dans une div, afficher la légende qui correspond à la couche quand la checkbox est sélectionnée, et l'inverse.

Dans une discussion précédente, un utilisateur présentait la solution pour des boutons radios. Je cherche l'équivalent avec des checkboxes.

Sachant que si deux checkbox sont sélectionnées, il doit y avoir les deux images retournées l'une après l'autre (d'où mon idée de passer par .push() )

J'ai ce code qui marche pas. Que faut il modifier ?

Code:

---

1 2 3 4 5 6

var checkbox = $("input[type=checkbox]").attr("value"); document.getElementById("bodylegend").innerHTML = []; $("input[type=checkbox]").on("change", function() { $("input[type=checkbox]").each(function(objet){ document.getElementById("bodylegend").push('<img src="' + checkbox + '.png">'); } )});

---

Merci pour vos retours

Sylvain

Bonjour.
Tu nous perd un peu avec ton mélange de JQuery et de JS pur. Passons.
La propriété innerHTML a comme valeur une chaine de caractère. Je ne pense pas que ce puisse être un tableau.
Elle est en lecture et écriture.
Si tu veux que l'élément HTML "bodylegend" contienne une image (et rien d'autre), tu fais simplement :

Code:

---

document.getElementById("bodylegend").innerHTML = '<img src="monimage.png">'

---

Si tu veux ajouter une image à l'élément HTML "bodylegend" tu fais :

Code:

---

document.getElementById("bodylegend").innerHTML += '<img src="monimage.png">'

---