jak zapobiegać zaznaczaniu pola wyboru po kliknięciu linku wewnątrz etykiety

Mam link wewnątrz etykiety. Problem polega na tym, że gdy użytkownik kliknie „wstecz” po przeczytaniu warunków, pole wyboru nie jest zaznaczone, ponieważ po kliknięciu łącza odznaczają również pole w tym samym czasie, ponieważ link znajduje się wewnątrz etykiety.

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

Jak mogę zapobiec zaznaczeniu pola wyboru po kliknięciu linku? Próbowałem robićevent.preventDefault() przy kliknięciu etykiety, ale nie uniemożliwia to zaznaczenia / odznaczenia pola wyboru.

Mogłem po prostu wyjąć link z wnętrza etykiety (co oznacza więcej stylizacji CSS). Ale teraz jestem ciekaw, czy powyższe jest możliwe.

questionAnswers(8)

yourAnswerToTheQuestion