Como hacer aparecer y desaparecer una imagen mediante un checkbox

[cristian_cena]

Esto es muuuy mejorable, pero mas o menos por acá viene la mano:

Código Javascript:

window.onload = function() {
    var image = document.getElementById("image"); //seleccionas la imagen
    image.style["display"] = "none";  // la ocultas, esto podes hacerlo directamente en el css
 
    function muestraImagen(){
        if(this.checked == true){   image.style["display"] = "block"; } // si se tildo mostras
        else{                       image.style["display"] = "none";  } // si se des-tildo ocultas
    }
    document.getElementById("check").onclick = muestraImagen; 
}
 

Código HTML:

<form action="">
    <input id="check" type="checkbox" />
    <img   id="image" src="ruta/tuimagen.xxx" />
</form>
 

Aquí con jquery.

Espero te sirva. Saludos.