Eu tenho um link dentro de um rótulo. O problema é que quando o usuário clica em "voltar" depois de ler os termos, a caixa de seleção é desmarcada, porque quando clicaram no link eles também desmarcaram a caixa ao mesmo tempo, já que o link está dentro de um rótulo.

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

Como posso evitar que a caixa de seleção seja verificada quando o link é clicado? Tentou fazerevent.preventDefault() no rótulo, mas isso não impede que a caixa de seleção seja marcada / desmarcada.

Eu poderia tirar o link de dentro de um rótulo (o que significa mais estilo CSS). Mas agora estou curioso para saber se o acima é possível.