![]() |
|
Código-Fonte Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesTenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
|
Você está aqui: JavaScript ::: Dicas & Truques ::: Formulários |
Formulários HTML - Como marcar ou desmarcar todas as checkboxes de um formulário HTML de uma só vez usando JavaScriptQuantidade de visualizações: 19492 vezes |
|
Nesta dica mostrarei como é possível clicar em um botão (pode ser um link também) e chamar uma função JavaScript que marca ou desmarca todos os elementos HTML checkbox de uma só vez. Para isso usaremos o método getElementsByName() para retornar todas as checkbox e em seguida manipular sua propriedade checked. Veja a imagem abaixo: ![]() E agora o código HTML e JavaScript completo:
<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>
<form name="teste">
<input type="checkbox" name="linguagem">Java
<input type="checkbox" name="linguagem">Delphi
<input type="checkbox" name="linguagem">C++
</form>
<a href="javascript:marcar()">Marcar Todas</a> |
<a href="javascript:desmarcar()">Desmarcar Todas</a>
<script language="JavaScript">
function marcar(){
var boxes = document.getElementsByName("linguagem");
for(var i = 0; i < boxes.length; i++)
boxes[i].checked = true;
}
function desmarcar(){
var boxes = document.getElementsByName("linguagem");
for(var i = 0; i < boxes.length; i++)
boxes[i].checked = false;
}
</script>
</body>
</html>
|
|
|
Desafios, Exercícios e Algoritmos Resolvidos de JavaScript |
Veja mais Dicas e truques de JavaScript |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |






