2011-05-27 174 views
5

我需要在html中使用<label>標籤創建五個標籤。那麼當任何一個標籤被點擊時,所有其他四個標籤必須被禁用。我已經通過谷歌搜索,但無法找到如何禁用標籤標籤。有沒有辦法做到這一點。任何建議......如何在javascript中禁用標籤標籤

<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> 
+0

標籤不能*被禁用。你的意思是「消失」了嗎? – sdleihssirhc 2011-05-27 07:30:43

+0

我沒有看到你的意思是禁用標籤。 – shinkou 2011-05-27 07:31:12

+0

你的意思是超鏈接? – 2011-05-27 07:32:54

回答

1

你,無法禁用標籤。相反,你可以設置標籤的文本屬性爲""當一個標籤被點擊爲其他人。

2

前看着你的榜樣,我會說:

標籤不能被禁用。其中一個影響是擴展窗體控件的點擊目標,因此您可能想要禁用窗體控件。

然而,出於某種原因,您的所有標籤都與同一控制(帶有id="u"),這表明你沒有使用<label>正確關聯。對於單個控件可以有多個標籤,但看起來並不像你這樣做。

您應該退後一步並描述您認爲禁用標籤的問題。

6

你可以在源代碼中看到使用Javascript和CSS的完整解決方案。 但是如果你想標籤 「看起來」 像殘疾人可以使用CSS這樣:

在HTML

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

在CSS

label.disabled { color: #aaa; } 

來源:Disabled Labels and Trilemma plugin

+1

這對我工作,謝謝。我有一個複選框和一個標籤,當我禁用複選框時,我希望標籤具有禁用的相同外觀。否則,很容易錯過複選框被禁用。我認爲這與OP正在尋找的效果相同。 – MidnightJava 2013-11-09 19:24:02

+0

很高興@MidnightJava,我很高興能夠提供幫助。 – 2013-11-14 20:08:20

+0

爲什麼downvote? – 2014-04-03 13:46:46