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

问题描述：

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

有一个在每个单元格的复选框。

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

我认为td onclick事件可以工作，但没有运气，直到现在！

答

只要把<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/

我想推荐这种方法，但我相信你会遇到这样做的问题。有些东西在唠叨我，我过去试过这个，但它引发了一些问题，但我不记得细节，以及它是否是复选框或其他类型的输入。 – jmbertucci 2012-02-20 19:30:54

这工作就像一个魅力！谢谢 – 2012-02-20 20:09:03

答

这是一个jQuery解决方案。

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

我想推荐elclanrs解决方案，但我觉得我碰到了一个问题与缠绕，它是指向项的标签。这可能是一个不同但类似的情况，我遇到了，但我现在不记得这些细节。

我觉得elclanrs是一个更优雅的解决方案，以便尝试，但如果你有问题，jQuery的后备以上。

祝你好运！

干杯！

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

相关推荐