insertar imagenes dentro de una celda al seleccionar checkbox

[chalchis]

Hola amigos intento hacerto
tengo una tabla con una celda dentro de ella tengo un div
<div ></div>
<table>
<tr>
<td><div></div</td>
</tr>
</table>
tengo varios checkbox fuera de tabla y lo que busco saber es como le haria , que cuando seleccione un checkbox
se inserte un icono .gif dentro de la celda o dentro del div
es decir que si seleccione dos checkbox en forma simultanea vaya poniendo dos iconos.


espero sus comenatarios
saludos

[caricatos]

Hola:

Podrías poner las imágenes dentro de la capa sin mostrar y mostrarlas cambiando el estilo:

<div>
<img src="imagen1.gif" id="imagen1" alt="imagen 1" style="display: none "/>
<img src="imagen2.gif" id="imagen2" alt="imagen 2" style="display: none" />
</div>

<input type="checkbox"
onclick="document.getElementById('imagen1').style. display = (this.checked) ? 'inline':'none' " />

... lo mismo con el otro checkbox y la otra imagen ... De esta manera no es necesario ni el formulario...

Saludos

[chalchis]

tengo oi otra propuesta usando dom
asi:
<script>
var iconosum=0;
function pruebaDOM()
{
var img1=document.createElement("img"); img1.src="http://localhost/pia/Interfaz/Imagen/Adimages/adm.gif";
img1.border="0";
img1.width="16";
img1.height="16";
img1.id="icono"+iconosum;
var t = document.getElementById('otorgados');
t.appendChild(img1);
iconosum=iconosum+1;
alert(iconosum);
}
</script>

<table>
<tr>
<td><div id="otorgados"></div</td>
</tr>
</table>
el problema es como borro la imagen con el id que le otorgue

saludios
espero tus comentarios

gracias

[caricatos]

Hola:

Sabiendo el id es fácil (también está en las FAQs)
elemento = document.getElementById(el_id);
elemento.parentNode.removeChild(elemento);

Saludos

[chalchis]

gracias caricatos ya lo puede borrar justo como mencionas

saludos

gracias

[caricatos]

Me alegro de que te funcione

Saludos