JSOO - Trabalhar o checkbox com javascript
Publicado por Emiliano Eloi Silva Barbosa 21/07/2007
[ Hits: 6.789 ]
Homepage: http://emilianoeloi.com.br
Javascript para trabalhar com checkbox. Selecionar todos verificar propriedades.
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CHECKBOX</title>
<meta http-equiv="pragma" content="no-cache" />
<meta name="description" content="checkbox" />
<meta name="keywords" content="checkbox" />
<meta name="robots" content="All" />
<meta name="author" content="Emiliano ESB" />
<meta name="language" content="pt-br" />
<link href="folha1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
Checkbox = function(){}
with({cb: Checkbox.prototype}){
cb.formulario = {};
cb.formularioCarregado = false;
cb.carregarFormulario = function(f){
if(!cb.formularioCarregado){
cb.formulario = f;
cb.formularioCarregado = true;
}
}
cb.inner = function(s,v){
document.getElementById(s).innerHTML = v;
}
cb.mostraChecked = function(c){
return c.checked;
}
cb.mostraValue = function(c){
return c.value;
}
cb.click = function(c){
i = c.name.substring(5,6);
cb.inner('chk'+i, cb.mostraChecked(c) );
cb.inner('val'+i, cb.mostraValue(c) );
}
cb.marcar = function(v){
for (i=0;i<cb.formulario.elements.length;i++)
if(cb.formulario.elements[i].type == "checkbox"){
cb.formulario.elements[i].checked=v;
cb.click(cb.formulario.elements[i])
}
}
cb.marcarTodos = function(f){
cb.carregarFormulario(f);
cb.marcar(true);
}
cb.desmarcarTodos = function(f){
cb.carregarFormulario(f);
cb.marcar(false);
}
}
cb = new Checkbox();
</script>
</head>
<body>
<div id="cobody">
<div id="head">
<h1>Checkbox</h1>
</div>
<div id="content">
<form action="#" id="cb">
<fieldset>
<legend>checkbox</legend>
<table>
<caption>Lista<br /><a href="JavaScript://Selecionar todos" onclick="cb.marcarTodos( document.getElementById('cb') );">Todos</a>|<a href="JavaScript://Selecionar nenhum" onclick="cb.desmarcarTodos( document.getElementById('cb') );">Nenhum</a></caption>
<thead>
<tr>
<th>cb</th>
<th>valor</th>
<th>checked</th>
<th>value</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="5">Checkboxes</th>
</tr>
</tfoot>
<tbody>
<tr>
<th><input type="checkbox" id="check1" name="check1" onclick="cb.click(this);" /></th>
<td>Checkbox 1</td>
<td><span id="chk1">default</span></td>
<td><span id="val1">default</span></td>
</tr>
<tr>
<th><input type="checkbox" id="check2" name="check2" onclick="cb.click(this);"/></th>
<td>Checkbox 2</td>
<td><span id="chk2">default</span></td>
<td><span id="val2">default</span></td>
</tr>
<tr>
<th><input type="checkbox" id="check3" name="check3" onclick="cb.click(this);"/></th>
<td>Checkbox 3</td>
<td><span id="chk3">default</span></td>
<td><span id="val3">default</span></td>
</tr>
<tr>
<th><input type="checkbox" id="check4" name="check4" onclick="cb.click(this);"/></th>
<td>Checkbox 4</td>
<td><span id="chk4">default</span></td>
<td><span id="val4">default</span></td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</div>
</div>
</body>
</html>
Conta o número de caracteres digitados e informa o restante
Máscara de celular com 8 ou 9 dígitos
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
Faça suas próprias atualizações de pacotes/programas no Void Linux e torne-se um Contribuidor
Como rodar o Folding@home no Linux
Criando um painel de controle (Dashboard) para seu servidor com o Homepage
O Abismo entre o Código e o Chão: Saltos Tecnológicos e a Exclusão Estrutural no Brasil
Instalar e Configurar a santíssima trindade (PAP) no Void Linux
Dicas
Pisando no acelerador do Linux Mint: Kernel XanMod, zRAM e Ajustes de Swap
Como compilar kernel no Linux Mint
Lançamento do Brutal DOOM test 6
Consertando o erro no Brave de webgl
Solução para ter de volta as bordas e barra de títulos das janelas em zenity no Debian 13.x
Tópicos
Seno, Coseno, Tangente em CLIPPER (0)
Inserir uma URL num arquvo pelo Ubuntu (CLIPPER) (0)
VMWare Player não conecta na rede nem consigo intercambiar arquivos (1)
Top 10 do mês
-
Xerxes
1° lugar - 143.513 pts -
Fábio Berbert de Paula
2° lugar - 66.127 pts -
Buckminster
3° lugar - 45.724 pts -
Alberto Federman Neto.
4° lugar - 36.296 pts -
Sidnei Serra
5° lugar - 24.640 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
6° lugar - 23.453 pts -
edps
7° lugar - 23.288 pts -
Daniel Lara Souza
8° lugar - 21.131 pts -
Mauricio Ferrari (LinuxProativo)
9° lugar - 20.516 pts -
Andre (pinduvoz)
10° lugar - 17.127 pts
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
