2010-07-29 9 views
1

J'ai un tableau HTML avec plusieurs lignes et colonnes et un bouton radio dans chaque colonne. Je voudrais permettre de cliquer dans n'importe quelle ligne du tableau pour sélectionner le radiobutton dans cette colonne. Je sais que cela peut être accompli avec le label-tag, en utilisant javascript ou une sorte de CSS3.Colonne entière pour les boutons radio dans le tableau

Mais je voudrais savoir s'il y a une pure méthode HTML pour cela? Sans ajouter une étiquette-étiquette pour chaque cellule de la table et ne pas utiliser javascript ou CSS. Étant donné que la table a 15 lignes et 10 colonnes, il ne convient pas d'ajouter 150 étiquettes d'étiquettes dans la table et il serait bon de ne pas avoir besoin de javascript ou de CSS3 qui ne soit pas supporté ou activé dans tous les navigateurs.

J'ai lu à propos des balises colgroup et col en HTML, mais il ne semble pas qu'elles puissent ajouter du HTML comme une balise label pour toutes les cellules d'une colonne.

Répondre

2

Vous devriez être capable d'ajouter cette fonctionnalité avec JavaScript. Ajouter un événement de clic à l'ensemble <tr> dans lequel vous basculez le champ de formulaire. Je recommande d'utiliser jQuery car il (1) rendra cette tâche plus simple, et (2) rendra votre solution plus susceptible de fonctionner avec différents navigateurs: & versions.

+0

Merci pour votre réponse, mais comme je l'ai écrit, je suis conscient que je peux utiliser javascript et jQuery pour cela, mais je voulais savoir s'il y avait un peu de HTML pur pour le faire que j'ai peut-être supervisé. – alexteg

+0

Opps - J'avais mal lu votre phrase: "Je voudrais savoir s'il existe un moyen HTML pur de le faire sans ajouter de balise label pour chaque cellule de la table, en utilisant javascript ou CSS?" signifier "en utilisant javascript et/ou CSS". –

+0

Ah, mon mauvais - n'a pas vu il pourrait être interprété comme ça - l'ont changé. Mais est-ce que vous ou quelqu'un d'autre sait s'il est possible de le faire uniquement avec HTML? – alexteg