2 replies to this topic

[maxmouse]

pessoa tenho um sistema de cadastro no site e nele tem as regras... bom queria saber como fazer para so quando clicar no checkbox fazer com que o botao seja clicavel... ou entao quando a pessoa clicar em enviar e nao tiver marcado ele acusar....

galera , se alguem souber de algo diga ae..

Falow

[Alex Hiroshi]

1- Habilitar o botão apenas quando selecionar o checkbox

Primeiro de tudo, como vc quer que o botão fique habilitado depois que for checado, vc deve deixar o botão desabilitado usando disabled="disabled" no botão. Feito isso, o seu botão vai ficar desabilitado, sem clique.
Agora basta vc fazer o checkbox e usar o evento onclick para chamar uma função que faça com que o botão fique habilitado para cliques..
Na função vc só precisa indicar qual elemento que vc quer habilitar usando..

document.NomeDoForm.NomeDoElemento

Assim vc já da um "caminho" para fazer alguma coisa. para habilitar o campo vc usa disabled=false ou disabled="".. sendo assim, a função ficaria

document.NomeDoForm.NomeDoElemento.disabled="";

Está pronto, em partes..
O problema é que a pessoa pode clicar duas vezes no checkbox, assim ele habilita o botão e desmarca o checkbox e deixa o botão habilitado..
Para contornar isso, vc pode criar um if() na função e verificar se o botão está desabilitado ou habilitado.. a ideia é..

if(document.NomeDoForm.NomeDoCampo.disabled){
// se retornar true, vc habilita o campo
}
else{
// caso contrario, vc desabilita 
}

2- Ao clicar no botão, verifcar se o checkbox está marcado
Para isso, é só verificar se o check está checado ou não.. use um if() para verificar tbm, como foi feito com o disabled..
Com o disabled vc verifica se está desabilitado, com o checked vc verifica se está checado.. A sintaxe é a mesma

if(document.NomeDoForm.NomeDoCampo.checked){
// se retornar true, envia o formulário normalmente, use um return true;
}
else{
// caso contrario, da um alert('mensagem') falando que não está checado  
}

É apenas isso.. a sintaxe de uma função é

<script>
function NOME_DA_FUNÇÃO(){
. . ação . . 
}
</script>

Tente fazer, qualquer coisa se tiver alguma duvida sobre alguma coisa citada, volte a postar sem problemas

[maxmouse]

Nossa que tutorial foi esse cara ,muito bom , muito obrigado.. valew mesmo.