Как отключить метку тега в JavaScript

Question

Мне нужно создать пять меток, используя тег <label> в html.затем при нажатии любой из меток все остальные четыре метки должны быть отключены.Я искал через Google, но не мог найти, как отключить метку тега.Есть ли способ сделать это. Любое предложение ......

<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

Вы можете увидеть в исходном коде целое решение, используя Javascript и CSS.Но если вы хотите, чтобы ярлыки выглядели отключенными, вы можете использовать CSS следующим образом:

В HTML

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

В CSS

label.disabled { color: #aaa; }

Источник: Плагин для отключенных ярлыков и трилеммы

Answer 2

Прежде чем посмотреть на ваш пример, я бы сказал:

Метка не может быть отключена.Один из эффектов, который он имеет, заключается в расширении цели щелчка элемента управления формой, поэтому вы, вероятно, хотите вместо этого отключить элемент управления формы.

Однако по какой-то причине все ваши ярлыки связаны стот же элемент управления (тот, с id="u"), который предполагает, что вы не используете <label> правильно.Можно иметь несколько меток для одного элемента управления, но это не похоже на то, что вы делаете это.

Возможно, вам следует сделать шаг назад и описать проблему, которую, по вашему мнению, решит отключение метки.

Answer 3

Вы не можете отключить ярлыки.Вместо этого вы можете установить для свойства Text метки значение "", если щелкнуть одну метку для других.