Efetuar login

Oficina da Net - Construindo conhecimento

Widgets | Contato | Cadastro | Fórum | Promoções

Oficina da Net » Programação » JavaScript

JavaScript

15. Evento OnClick

Publicado em: 09/07/2006 | JavaScript | Visualizações: 8.240 | 0 Comentário(s)

Coluna publicada anteriormente em 12/03/2006

Saiba usar o evento OnClick. onClick, ocorre quando o objeto é clicado.

É válido para os objetos: Buton, Checkbox, Radio, Link, Reset e Submit.

Exemplo 1 - Button:

<input type="button" value ="Resultado" onClick="window.alert('Você clicou no botão')">



/*Abre uma caixa de alerta escrito "Você clicou no botão" 

caso o usuário clique no botão.*/

Exemplo 2 - Checkbox:

<input type="checkbox" id="o1" value ="Resultado" onClick="window.alert('Você clicou na opção ')"><label for="o1">Opção 1</label>



//Alerta quando clicarem na opção.

Exemplo 3 - Radio:

<input type="radio" id="o1" value ="Resultado" onClick="window.alert('Você clicou na opção ')"><label for="o1">Opção 1</label>



//Alerta quando clicarem na opção.

Exemplo 4 - Link:

<a href="http://linkqualquer.com" onClick="window.alert('Você clicou no link')">Link</a>



//Alerta quando clicarem no "Link"

Exemplo 5 - Reset:

<input type="reset" value ="Resetar" onClick="window.alert('Clicando aqui você vai resetar os dados ')">



/*Abre uma caixa de alerta escrito "Clicando aqui você vai resetar os dados" caso o usuário clique no botão.*/

Exemplo 6 - Submit:

<input type="submit" value ="Enviar" onClick="window.alert('Clicando aqui você vai enviar os dados')">



/*Abre uma caixa de alerta escrito "Clicando aqui você vai enviar os dados" caso o usuário clique no botão.*/

Dúvidas, críticas ou sugestões? Envie-me um e-mail:
- diegoarent@gmail.com

“Abraços e até a próximo artigo.”
- Diego Arent, colunista JavaScript.