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/

Answer 2

这是一个jQuery解决方案。

http://jsfiddle.net/c9Phn/6/

我想推荐elclanrs解决方案，但我觉得我遇到了将标签包裹在它所指向的项目周围的问题。这可能是一个不同但相似的情况，我遇到了但我现在无法回想起细节。

我认为elclanrs是一个更优雅的解决方案，所以尝试一下，但是如果你有问题，jQuery后备就在上面。

祝你好运！

干杯！

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

2 个答案: