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

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>在 <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/