Selecionar todos os check boxes de um formulário
quinta-feira, 11 de setembro de 2008 | Marcadores: formularios, html, javascript | |Com o código abaixo é muito fácil marcar ou desmarcar checkboxes de seus formulários!
<html>
<head>
<title>Formulário checkboxes</title>
<script>
function selecionar_tudo(){
for (i=0;i<document.f1.elements.length;i++)
if(document.f1.elements[i].type == "checkbox")
document.f1.elements[i].checked=1
}
function deselecionar_tudo(){
for (i=0;i<document.f1.elements.length;i++)
if(document.f1.elements[i].type == "checkbox")
document.f1.elements[i].checked=0
}
</script>
<meta name="generator" content="Namo WebEditor v5.0(Trial)">
</head>
<body>
<form name="f1">
Nome: <input type="text" name="nome">
<br>
<input type="checkbox" name="ch1"> Opção 1
<br>
<input type="checkbox" name="ch2"> Opção 2
<br>
<input type="checkbox" name="ch3"> Opção 3
<br>
<input type="checkbox" name="ch4"> Opção 4
<br>
Outro campo de formulário:
<select name=otro>
<option value="1">Seleção 1
<option value="2">Seleção 2
</select>
<br>
<input type="submit">
<br>
<br>
<a href="javascript:selecionar_tudo()">Marcar todos</a> |
<a href="javascript:deselecionar_tudo()">Marcar nenhum</a>
</form>
</body>
</html>