Boa noite pessoal!
Estou fazendo um site pra um trabalho da faculdade, e o que quero fazer é o seguinte: Tenho um simples menu em HTML cujas opções são "Visualizar Perfil", "Editar Perfil" e "Remover Perfil". Nesta última, há um checkbox dizendo que o usuário tem certeza do que quer. Para remover o perfil a pessoa deve primeiramente ter selecionado ele (parecido com aqueles "Li e aceito os termos"). Caso clique em "remover perfil" sem antes ter selecionado o checkbox, deve ser exibida uma mensagem de erro.
Minha dúvida: Como construir um código que seja obrigatório o usuário clicar no checkbox antes para remover o perfil e ser direcionado para outra página, e caso ele não faça isso exibir uma mensagem de erro?
Veja o código:
<ul id="menuperfil">
<li><a href="perfilview.html">Visualizar Perfil</a></li>
<li><a href="perfiledit.html">Editar Perfil</a></li>
<li><a href="perfildelete.html">Remover Perfil</a>
<form>
<input type="checkbox" name="remover">Tenho certeza de que desejo remover o perfil.
</form></li>
</ul>
Com o CSS ele fica assim:
E ai galera? Alguma sugestão??
Obrigado pela atenção!