Label überschreibt Link Aktion

Question

Ich habe gestern Abend ein ordentliches Problem bekommen. Ich habe über das Hinzufügen von Labels auf Anker-Links nachgedacht, damit ich "anzeigen" kann, auf welchen Anker geklickt wurde.

ich generieren den Code dynamisch, aber hier ist das Ergebnis:

<a href="#info"><label><input type="radio" name="tab" value="Information">Information</label></a> 
<a href="#connect"><label><input type="radio" name="tab" value="Connect">Connect</label></a> 
<a href="#players"><label><input type="radio" name="tab" value="Players">Players</label></a> 
<a href="#contact"><label><input type="radio" name="tab" value="Contact">Contact</label></a> 

Dies führt zu einer Reihe von „Tab“ Header.

Mein Problem: Die Links können nicht angeklickt werden. Die Etiketten funktionieren einwandfrei, die <a> Tags werden nicht ausgelöst. Gleiches, wenn ich die Reihenfolge <layer> und <a> umschalte.

EDIT: Übrigens: Ich möchte kein Javascript verwenden.

Answer 1

Dies ist nicht möglich. Sie versuchen, zwei Aktionen (Ändern des Optionsfelds, Navigieren im Seiteninhalt) durch den einzelnen Klick des Benutzers auszuführen.