comment désactiver une étiquette d'étiquette en javascript

Question

J'ai besoin de créer cinq étiquettes en utilisant <label> tag en html. puis, lorsque l'un des libellés est cliqué, les quatre autres libellés doivent être désactivés. J'ai cherché à travers le google, mais je ne pouvais pas trouver comment désactiver l'étiquette d'étiquette. y a-t-il un moyen de le faire .une suggestion ......

<label for="u">username1</label> 
<label for="u">username2</label> 
<label for="u">username3</label> 
<label for="u">username4</label> 
<label for="u">username5</label> 

Answer 1

Vous ne pouvez pas désactiver les étiquettes. Au lieu de cela, vous pouvez définir la propriété Text de l'étiquette sur "" lorsqu'une étiquette est cliquée pour les autres.

Answer 2

Avant de regarder votre exemple, je l'aurais dit:

Une étiquette ne peut pas être désactivé. L'un de ses effets est d'étendre la cible de clic d'un contrôle de formulaire, de sorte que vous souhaitiez probablement désactiver le contrôle de formulaire à la place.

Cependant, pour une raison quelconque, toutes vos étiquettes sont associés au même contrôle (celui avec id="u"), ce qui suggère que vous n'utilisez pas <label> correctement. Il est possible d'avoir plusieurs étiquettes pour un seul contrôle, mais cela ne semble pas être le cas.

Vous devriez probablement prendre du recul et décrire le problème que vous pensez que la désactivation d'une étiquette résoudra.

Answer 3

Vous pouvez voir dans la source une solution complète en utilisant Javascript et CSS. Mais si vous voulez des étiquettes "look" comme désactivé, vous pouvez utiliser les CSS de cette façon:

En HTML

<label class="disabled" for="u">username1 </label> 

En CSS

label.disabled { color: #aaa; } 

Source: Disabled Labels and Trilemma plugin