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