сделать весь триггер ячейки таблицы, связанный флажок

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 выше.

Удачи вам!

Cheers!