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.