Tengo esta tabla html:
<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 voy a usar JQuery solo JavaScript.
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?
label
y asociarlo con elcheckbox