Question

I have several checkboxes in php which are contained in a table:

<table>   
   <tr>
        <td>
            <input style='vertical-align:middle' type='checkbox' class='geomsize' name='frnd[]' value='$ScndryUid' id='$ScndryUid' />
         </td>   
   </tr> 
</table>

There is a checkbox in each table cell.

I am trying to make the entire table cell clickable.

I think that a td onclick event could work but no luck until now!

Answer 1

Just put the <input> inside a <label> with width: 100%:

html

<table>
    <tr>
        <td>
            <label><input type='checkbox' /></label>
        </td>
    </tr>
</table>

css

td { width: 300px; }
label { display: inline-block; width: 100%; }

example http://jsfiddle.net/tNKmM/1/