Skip to main content
cuerpo editado
Origen Enlace
Jorge Alonso
  • 969
  • 1
  • 18
  • 31

Tengo esta tabla hmtlhtml:

Como se pueden dar cuenta dentro de cada celda tengo una imagen y un checkbox que lo tengo oculto display: none; lo que necesito es que cuando de click en la imagen se lance el evento onClick que tiene el checkbox para tomar su valor y guardarlo en un array, como podría hacer esto. No estoy usandovoy a usar JQuery solo JavaScript.

Tengo esta tabla hmtl:

Como se pueden dar cuenta dentro de cada celda tengo una imagen y un checkbox que lo tengo oculto display: none; lo que necesito es que cuando de click en la imagen se lance el evento onClick que tiene el checkbox para tomar su valor y guardarlo en un array, como podría hacer esto. No estoy usando JQuery solo JavaScript.

Tengo esta tabla html:

Como se pueden dar cuenta dentro de cada celda tengo una imagen y un checkbox que lo tengo oculto display: none; lo que necesito es que cuando de click en la imagen se lance el evento onClick que tiene el checkbox para tomar su valor y guardarlo en un array, como podría hacer esto. No voy a usar JQuery solo JavaScript.

se añadieron 140 caracteres en el cuerpo
Origen Enlace
Jorge Alonso
  • 969
  • 1
  • 18
  • 31

Preguntando me comentaron que en lugar de ocultar el checkbox le diera un opacity de 0, lo hice pero no funcionó que podría tener mal?

Preguntando me comentaron que en lugar de ocultar el checkbox le diera un opacity de 0, lo hice pero no funcionó que podría tener mal?

Origen Enlace
Jorge Alonso
  • 969
  • 1
  • 18
  • 31

Lanzar evento de un elemento oculto html

Tengo esta tabla hmtl:

<table>
<tr>
<td>A</td>
<td><img src="img/d1.png"><input type="checkbox" class="ocultar chk_asiento" value="A1" onClick="asignar(this);"></td>
<td><img src="img/d2.png"><input type="checkbox" class="ocultar chk_asiento" value="A2" onClick="asignar(this);"></td>
<td><img src="img/d3.png"><input type="checkbox" class="ocultar chk_asiento" value="A3" onClick="asignar(this);"></td>
<td><img src="img/d4.png"><input type="checkbox" class="ocultar chk_asiento" value="A4" onClick="asignar(this);"></td>
<td><img src="img/d5.png"><input type="checkbox" class="ocultar chk_asiento" value="A5" onClick="asignar(this);"></td>
<td><img src="img/d6.png"><input type="checkbox" class="ocultar chk_asiento" value="A6" onClick="asignar(this);"></td>
<td><img src="img/d7.png"><input type="checkbox" class="ocultar chk_asiento" value="A7" onClick="asignar(this);"></td>
<td><img src="img/d8.png"><input type="checkbox" class="ocultar chk_asiento" value="A8" onClick="asignar(this);"></td>
<td><img src="img/d9.png"><input type="checkbox" class="ocultar chk_asiento" value="A9" onClick="asignar(this);"></td>
<td><img src="img/d10.png"><input type="checkbox" class="ocultar chk_asiento" value="A10" onClick="asignar(this);"></td>
<td>A</td>
</tr>
<tr>
<td>B</td>
<td><img src="img/d1.png"><input type="checkbox" class="ocultar chk_asiento" value="B1" onClick="asignar(this);"></td>
<td><img src="img/d2.png"><input type="checkbox" class="ocultar chk_asiento" value="B2" onClick="asignar(this);"></td>
<td><img src="img/d3.png"><input type="checkbox" class="ocultar chk_asiento" value="B3" onClick="asignar(this);"></td>
<td><img src="img/d4.png"><input type="checkbox" class="ocultar chk_asiento" value="B4" onClick="asignar(this);"></td>
<td><img src="img/d5.png"><input type="checkbox" class="ocultar chk_asiento" value="B5" onClick="asignar(this);"></td>
<td><img src="img/d6.png"><input type="checkbox" class="ocultar chk_asiento" value="B6" onClick="asignar(this);"></td>
<td><img src="img/d7.png"><input type="checkbox" class="ocultar chk_asiento" value="B7" onClick="asignar(this);"></td>
<td><img src="img/d8.png"><input type="checkbox" class="ocultar chk_asiento" value="B8" onClick="asignar(this);"></td>
<td><img src="img/d9.png"><input type="checkbox" class="ocultar chk_asiento" value="B9" onClick="asignar(this);"></td>
<td><img src="img/d10.png"><input type="checkbox" class="ocultar chk_asiento" value="B10" onClick="asignar(this);"></td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td><img src="img/d1.png"><input type="checkbox" class="ocultar chk_asiento" value="C1" onClick="asignar(this);"></td>
<td><img src="img/d2.png"><input type="checkbox" class="ocultar chk_asiento" value="C2" onClick="asignar(this);"></td>
<td><img src="img/d3.png"><input type="checkbox" class="ocultar chk_asiento" value="C3" onClick="asignar(this);"></td>
<td><img src="img/d4.png"><input type="checkbox" class="ocultar chk_asiento" value="C4" onClick="asignar(this);"></td>
<td><img src="img/d5.png"><input type="checkbox" class="ocultar chk_asiento" value="C5" onClick="asignar(this);"></td>
<td><img src="img/d6.png"><input type="checkbox" class="ocultar chk_asiento" value="C6" onClick="asignar(this);"></td>
<td><img src="img/d7.png"><input type="checkbox" class="ocultar chk_asiento" value="C7" onClick="asignar(this);"></td>
<td><img src="img/d8.png"><input type="checkbox" class="ocultar chk_asiento" value="C8" onClick="asignar(this);"></td>
<td><img src="img/d9.png"><input type="checkbox" class="ocultar chk_asiento" value="C9" onClick="asignar(this);"></td>
<td><img src="img/d10.png"><input type="checkbox" class="ocultar chk_asiento" value="C10" onClick="asignar(this);"></td>
<td>C</td>
</tr>
</table>

Como se pueden dar cuenta dentro de cada celda tengo una imagen y un checkbox que lo tengo oculto display: none; lo que necesito es que cuando de click en la imagen se lance el evento onClick que tiene el checkbox para tomar su valor y guardarlo en un array, como podría hacer esto. No estoy usando JQuery solo JavaScript.