Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.
Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 23
Tutorial para Selecionar/Deselecionar CheckBoxes

Neste tutorial veremos como marcar e desmarcar check boxes (caixa de verifica��o) individuais ou todas de uma s� vez atrav�s do uso de bot�es.
Neste exemplo vamos marcar todas as caixas de sele��o clicando no bot�o 'Selecionar tudo' e desmarcar clicando no bot�o 'Desmarcar tudo'.
Existem duas fun��es JavaScript que ser�o chamadas em ambos os eventos de clique de bot�o.
Vejamos um exemplo pr�tico para ver como funciona esse componente:
<!DOCTYPE html> <html> <head> <title>Simulados & Tutoriais - Marcar/Desmarcar todas os CheckBoxes utilizando Bot�es.</title> <script type="text/javascript"> function selectAll(){ var items=document.getElementsByName('acs'); for(var i=0; i<items.length; i++){ if(items[i].type=='checkbox') items[i].checked=true; } } function UnSelectAll(){ var items=document.getElementsByName('acs'); for(var i=0; i<items.length; i++){ if(items[i].type=='checkbox') items[i].checked=false; } } </script> <script src='/google_analytics_auto.js'></script></head> <body style="text-align: left;"> <h1>Simulados & Tutoriais<br>Marcar/Desmarcar todos os CheckBoxes utilizando Bot�es.</h1> <big>Selecione a sua linguagem de programa��o preferida:</big><br> <input type="checkbox" name="acs" value="html">HTML<br> <input type="checkbox" name="acs" value="python">Python<br> <input type="checkbox" name="acs" value="Javascript">JavaScript<br> <input type="checkbox" name="acs" value="java">Java<br> <p> <input type="button" onclick='selectAll()' value="Marcar Tudo"/> <input type="button" onclick='UnSelectAll()' value="Desmarcar Tudo"/> </p> </body> </html>
Veja na imagem abaixo o resultado desse c�digo::

<< Tutorial para Declarar uma Array e Imprimir seus Elementos
Tutorial para Gerar N�meros Randomicos dentro de uma Determinada Faixa >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino