使整个表格单元格触发相关复选框

Question

我在 php 中有几个复选框，它们包含在表中：

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

每个表格单元格中都有一个复选框。

我正在尝试使整个表格单元格可单击。

我认为 td onclick 事件可以工作，但到目前为止还没有运气！

Answer 1

只需将<input>a 放入其中<label>即可width: 100%：

html

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

CSS

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

示例 http://jsfiddle.net/tNKmM/1/