00 Voix

HTML: Label de Checkbox dans une autre Cellule d'un Tableau

Question de Invité | 03/09/2020 à 20:38

J'ai inclus des checkboxes sur mon site Web qui sont organisées à l'aide d'un tableau. L'agencement n'est pas le problème, mais j'utilise le label-tag et malheureusement, cela ne fonctionne pas avec la table.

Lorsque vous utilisez des labels en dehors des tableaux ou dans une cellule de tableau, cela fonctionne sans aucun problème:

<label><input type="checkbox" name="cb" value="1"> Texte</label>

Mais dès que vous essayez d'organiser la case à cocher dans une autre cellule du tableau que le texte de label, cela ne fonctionne plus:

<tr>
  <td><label><input type="checkbox" name="cb" value="1"></td>
  <td>Texte</label></td>
</tr>

Ainsi, le premier exemple fonctionne, le deuxième exemple ne fonctionne pas. Que puis-je faire? Pour mon arrangement, ce serait bien de diviser la case à cocher du texte du label, mais cela ne fonctionne pas comme ça.

RépondrePositifNégatif
Avatar
1Meilleure Réponse1 Vote

Dans votre cas, vous devez utiliser l'attribut "label for".

Voici un exemple:

<tr>
  <td>
    <input type="checkbox" id="cb" name="cb" value="1">
  </td>
  <td>
    <label for="cb">Texte</label>
  </td>
</tr>

Comme vous pouvez le voir, dans ce cas, le label-tag est seulement autour du texte. Avec l'attribut "for", vous pouvez indiquer à cette label l'ID de la case à cocher, à laquelle elle correspond.

Ainsi, il est possible de séparer le label et la checkbox comme vous le souhaitez.
04/09/2020 à 04:45

RépondrePositif Négatif
Répondre

Sujets Connexes

jQuery: Changer Image

Question | 1 Réponse

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.