webForumDet fria alternativet
Logga in / Bli medlem

<label>

JavaScript

6 svar · 467 visningar · startad av Web-Tor

Medlem sedan nov. 200013 890 inlägg
Trådstart#1

Så här använder man ju <label> i vanliga fall:

<div>
	<label for="foo">Include</label><input type="checkbox" id="foo"/>
</div>

Finns det något sätt att använda <label> utan att ange ett id på <input> fältet? Typ så här?

<div>
	<label for="this.nextSibling">Include</label><input type="checkbox"/>
</div>
Medlem sedan dec. 20025 483 inlägg
#2

Ja:

<label>Include <input type="checkbox"/></label>

:)

Medlem sedan nov. 200013 890 inlägg
#3

Måste funka i IE 5.5+
Vet inte om ovanstående funkar i någon annan läsare men det funkar inte i IE6. :(

Medlem sedan dec. 20025 483 inlägg
#4

Kan du sätta id på <label>? Då

window.onload=function(){
   document.getElementById("foo").onclick=function(){
      this.all[0].checked = !this.all[0].checked;
   }
}

Annars är jag tveksam till att det går, eftersom for-attributet förväntar sig en textsträng som skall matcha värdet på ett id-attribut.

Medlem sedan okt. 20041 556 inlägg
#5

Web-Tor skrev:

...utan att ange ett id på <input> fältet? Typ så här?

;)

Medlem sedan dec. 20025 483 inlägg
#6

Travoni skrev:

Web-Tor skrev:

...utan att ange ett id på <input> fältet? Typ så här?

;)

Men min fråga gäller ju om Tor kan sätta id på <label>. :)

Medlem sedan nov. 200013 890 inlägg
#7

Jag var helt enkel intresserad av om det gick att använda <label> utan att använda mig av id... men det ser svårt ut.

261 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)