1

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:

inserir a descrição da imagem aqui

E ai galera? Alguma sugestão??

Obrigado pela atenção!

1

1 Resposta 1

2
<a href="#" onclick="fcnConfirma();">Remover Perfil</a>
<input type="checkbox" id="remover" name="remover">Tenho certeza de que desejo remover o perfil.


<script type="text/javascript">
    function fcnConfirma() {
        if (!document.getElementById('remover').checked) {
            alert("Marque a opção:\nTenho certeza de que desejo remover o perfil.");
            return;
        }else{
            window.open("perfildelete.html","_self")
            // window.open("perfildelete.html","_blank")
        }
    }
</script>
2
  • Funcionou!! Muito obrigado! ^^
    – Felipe
    31/10/2015 às 16:43
  • @Felipe, se nosso amigo Lelecko resolveu seu problema não esqueça de setar a resposta como resolvida! =D
    – Brunno
    1/11/2015 às 2:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .