Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17743
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Somar valores de checkbox e mostrar resultado

01-04-2007 10:16

Nesse artigo vou mostrar um script de como somar os valores de campos checkbox e retornar o valor em um input text.

<script language="JavaScript"> /* aqui inicia a função ao clicar no checkbox */ function checar() {   * é criado uma var para cada checkbox */ campo1 = document.form.check1; campo2 = document.form.check2; campo3 = document.form.check3;   /* se o checkbox1 for checado, é somado o valor dele */ if(campo1.checked==true) { valor1=campo1.value; } else { valor1=""; } /* se o checkbox2 for checado, é somado o valor dele */ if(campo2.checked==true) { valor2=campo2.value; } else { valor2=""; } /* se o checkbox3 for checado, é somado o valor dele */ if(campo3.checked==true) { valor3=campo3.value; } else { valor3=""; }   /* aqui é criado: um, dois e tres, e feito um calculo para soma */ um = valor1*2/2; dois = valor2*2/2; tres = valor3*2/2;   /* aqui é passado para o input os valores checados */ if(um=="" && dois=="" && tres=="") { document.form.total.value="";   } else { document.form.total.value=um+dois+tres; }         } </script>


<!-- abaixo segue o formulário do exemplo //--> <form name="form"> <input type=checkbox name="check1" value="1" onClick="checar()">Opção 1 - valor 1<br> <input type=checkbox name="check2" value="2" onClick="checar()">Opção 2 - valor 2<br> <input type=checkbox name="check3" value="3" onClick="checar()">Opção 3 - valor 3<br> <input type="text" name="total" value=""> </form>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado