cómo desactivar una etiqueta de etiqueta en javascript

Question

necesito crear cinco etiquetas usando la etiqueta <label> en html. luego, cuando se hace clic en cualquiera de las etiquetas, todas las otras cuatro etiquetas deben estar deshabilitadas. He buscado a través de google pero no he podido encontrar cómo desactivar la etiqueta. ¿Hay alguna manera de hacer eso? Cualquier sugerencia ......

<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

Usted, no puede deshabilitar las etiquetas. En su lugar, puede establecer la propiedad de texto de la etiqueta en "" cuando se hace clic en una etiqueta para las otras.

Answer 2

Antes de mirar su ejemplo, yo habría dicho:

Una etiqueta no se puede desactivar. Uno de los efectos que tiene es extender el objetivo de clic de un control de formulario, por lo que probablemente desee deshabilitar el control de formulario.

Sin embargo, por alguna razón, todas las etiquetas están asociados con el mismo mando (el que tiene id="u"), lo que sugiere que no está utilizando <label> correctamente. Es posible tener varias etiquetas para un único control, pero no parece que lo esté haciendo.

Probablemente deberías dar un paso atrás y describir el problema que crees que la desactivación de una etiqueta resolverá.

Answer 3

Puedes ver en la fuente toda una solución usando Javascript y CSS. Pero si desea que las etiquetas "mirar" como discapacitados puede utilizar CSS de esta manera:

En HTML

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

En CSS

label.disabled { color: #aaa; } 

Fuente: Disabled Labels and Trilemma plugin