如何在javascript中禁用标签标签

Question

我需要<label>在html中使用tag 创建五个标签.然后,当单击任何一个标签时,必须禁用所有其他四个标签.我搜索了谷歌,但无法找到如何禁用标签标签.有没有办法做到这一点.任何建议......

<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

在看你的例子之前，我会说：

无法禁用标签。它的作用之一是扩展表单控件的单击目标，因此您可能希望禁用表单控件。

但是，出于某种原因，您的所有标签都与同一个控件（带有 的控件id="u"）相关联，这表明您没有<label>正确使用。单个控件可以有多个标签，但看起来您并没有这样做。

您可能应该退后一步，描述您认为禁用标签可以解决的问题。

Answer 2

您可以在源代码中看到使用Javascript和CSS的完整解决方案.但是,如果您希望标签"看起来"像禁用,您可以这样使用CSS:

在HTML中

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

在CSS中

label.disabled { color: #aaa; }

来源:禁用标签和Trilemma插件

Answer 3

您无法禁用标签。相反，您可以将标签的 Text 属性设置为""单击一个标签时显示其他标签。