JSOO - Trabalhar o checkbox com javascript
Publicado por Emiliano Eloi Silva Barbosa 21/07/2007
[ Hits: 6.707 ]
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>
Formulário com multiplos action
Formulário de Login no GOOGLE APPS - MAIL
Inverter palavras ou links em JavaScript
Nenhum comentário foi encontrado.
Patrocínio
Destaques
Artigos
Cirurgia para acelerar o openSUSE em HD externo via USB
Void Server como Domain Control
Modo Simples de Baixar e Usar o bash-completion
Monitorando o Preço do Bitcoin ou sua Cripto Favorita em Tempo Real com um Widget Flutuante
Dicas
Opções secretas em tema do Cinnamon
Como mapear unidade de rede no Linux
Como quebrar senha usando john the ripper
Tópicos
Não consigo instalar distro antiga no virtualbox nem direto no hd (29)
queria saber como posso alterar a frequencia do meu ryzen 2300u pro (3)
Top 10 do mês
-
Xerxes
1° lugar - 149.873 pts -
Fábio Berbert de Paula
2° lugar - 69.885 pts -
Mauricio Ferrari
3° lugar - 22.141 pts -
Buckminster
4° lugar - 20.429 pts -
Alberto Federman Neto.
5° lugar - 19.946 pts -
edps
6° lugar - 19.533 pts -
Daniel Lara Souza
7° lugar - 19.393 pts -
Andre (pinduvoz)
8° lugar - 17.992 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
9° lugar - 16.470 pts -
Diego Mendes Rodrigues
10° lugar - 14.447 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:
