So verhindern Sie das Aktivieren des Kontrollkästchens, wenn Sie auf den Link innerhalb des Etiketts klicken

Ich habe einen Link in einem Etikett. Das Problem besteht darin, dass das Kontrollkästchen deaktiviert ist, wenn der Benutzer nach dem Lesen der Bedingungen auf "Zurück" klickt, da er beim Klicken auf den Link gleichzeitig das Kontrollkästchen deaktiviert hat, da sich der Link innerhalb eines Etiketts befindet.

<input type="checkbox" id="terms" name="terms" checked="checked" /> 
<label for="terms">I agree to be bound by the <a href="/terms">Terms</a></label>

Wie kann ich verhindern, dass das Kontrollkästchen aktiviert wird, wenn auf den Link geklickt wird? Versucht zu tunevent.preventDefault() auf Etikett klicken, dies verhindert jedoch nicht, dass das Kontrollkästchen aktiviert / deaktiviert wird.

Ich könnte den Link einfach aus einem Label entfernen (was mehr CSS-Stil bedeutet). Jetzt bin ich aber gespannt, ob das möglich ist.

Antworten auf die Frage(9)

Ihre Antwort auf die Frage