faire case à cocher

Question

liée à la détente des cellules de tableau entier, j'ai plusieurs cases à cocher en php qui sont contenues dans une table:

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

Il y a une case à cocher dans chaque cellule du tableau. J'essaye de rendre la cellule entière de tableau cliquable.

Je pense qu'un événement td onclick pourrait fonctionner mais pas de chance jusqu'à maintenant!

Answer 1

Il suffit de mettre le <input> dans un <label> avec width: 100%:

html

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

css

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

exemplehttp://jsfiddle.net/tNKmM/1/

Answer 2

Voici une solution jQuery.

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

Je voulais recommander la solution elclanrs, mais je sens que je suis tombé sur un problème avec l'étiquette d'emballage autour de l'élément qu'il pointe. Cela aurait pu être une situation différente mais similaire, je suis tombé sur mais je ne peux pas me rappeler les détails maintenant.

Je pense que elclanrs est une solution plus élégante alors essayez-le, mais si vous avez des problèmes, le fallback jQuery est ci-dessus.

Bonne chance!

À la votre!