JSOO - Trabalhar o checkbox com javascript
Publicado por Emiliano Eloi Silva Barbosa 21/07/2007
[ Hits: 6.665 ]
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>
Scripts recomendados
Comentários
Nenhum comentário foi encontrado.
Patrocínio
Site hospedado pelo provedor RedeHost.
Destaques
Artigos
Monitorando o Preço do Bitcoin ou sua Cripto Favorita em Tempo Real com um Widget Flutuante
IA Turbina o Desktop Linux enquanto distros renovam forças
Como extrair chaves TOTP 2FA a partir de QRCODE (Google Authenticator)
Dicas
Como realizar um ataque de força bruta para desobrir senhas?
Como usar Gpaste no ambiente Cinnamon
Atualizando o Fedora 42 para 43
Tópicos
VOL já não é mais como antes? (15)
Como personalizar o lxde? [RESOLVIDO] (5)
Flatpaks não funcionam após atualizar pelo Gerenciador de Atualizações... (3)
Top 10 do mês
-
Xerxes
1° lugar - 115.140 pts -
Fábio Berbert de Paula
2° lugar - 86.229 pts -
Mauricio Ferrari
3° lugar - 24.902 pts -
Alberto Federman Neto.
4° lugar - 24.504 pts -
edps
5° lugar - 22.574 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
6° lugar - 21.134 pts -
Daniel Lara Souza
7° lugar - 20.538 pts -
Buckminster
8° lugar - 20.518 pts -
Andre (pinduvoz)
9° lugar - 18.986 pts -
Diego Mendes Rodrigues
10° lugar - 16.508 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:
