Como hacer aparecer y desaparecer una imagen mediante un checkbox

[gowend132]

Hola a todos, sinceramente no soy para nada bueno en js, quisiera que me ayudaran en algo, y es lo siguiente, en un formulario exista una imgen invisible, y que mediante un checkbox pueda hacerla visible y de la misma manera al desmarcarlo la imagen vuelva a desaparecer, agradesco a quien pueda ayudarme, de antemano Gracias.

[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.