JSOO - Trabalhar o checkbox com javascript
Publicado por Emiliano Eloi Silva Barbosa 21/07/2007
[ Hits: 6.462 ]
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>
Retirando acentuação de palavras
Evento OnKeyPress - Usando o Enter
Checar campos de um formulário
Script de Formulario de Contatos
Ordenação de Registros em uma Table
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
Passkeys: A Evolução da Autenticação Digital
Instalação de distro Linux em computadores, netbooks, etc, em rede com o Clonezilla
Título: Descobrindo o IP externo da VPN no Linux
Armazenando a senha de sua carteira Bitcoin de forma segura no Linux
Enviar mensagem ao usuário trabalhando com as opções do php.ini
Dicas
Instalando Brave Browser no Linux Mint 22
vídeo pra quem quer saber como funciona Proteção de Memória:
Encontre seus arquivos facilmente com o Drill
Mouse Logitech MX Ergo Advanced Wireless Trackball no Linux
Compartilhamento de Rede com samba em modo Público/Anônimo de forma simples, rápido e fácil
Tópicos
Instalar sem formatar, pergunta meio boba. (4)
Não consigo cadastrar nenhuma conta online (7)
O que esta havendo com o mercado de ti? (9)
Top 10 do mês
-
Xerxes
1° lugar - 71.603 pts -
Fábio Berbert de Paula
2° lugar - 54.742 pts -
Mauricio Ferrari
3° lugar - 16.238 pts -
Andre (pinduvoz)
4° lugar - 14.888 pts -
Alberto Federman Neto.
5° lugar - 14.943 pts -
Daniel Lara Souza
6° lugar - 14.585 pts -
Diego Mendes Rodrigues
7° lugar - 14.347 pts -
Buckminster
8° lugar - 13.540 pts -
edps
9° lugar - 11.785 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
10° lugar - 11.063 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:
