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


Moderador: web

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

Formulário com campos de soma de valores

17-03-2007 23:05

Esse artigo explica como ter um formulário com alguns checkbox, que ao serem selecionados mostram o valor em um campo em destaque que receberá o valor deles, no caso de uma compra. É possível somar, oferecer descontos ou colocar acréscimos sobre o valor.

<script language="JavaScript"> /* A PARTE EM JAVASCRIPT NÃO É NECESSÁRIO ALTERAR */ function checkChoice(whichbox) { with (whichbox.form) { if (whichbox.checked == false) hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value); else hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value); return(formatCurrency(hiddentotal.value)); } } function formatCurrency(num) { num = num.toString().replace(/\$|\,/g,''); if(isNaN(num)) num = "0"; cents = Math.floor((num*100+0.5)%100); num = Math.floor((num*100+0.5)/100).toString(); if(cents < 10) cents = "0" + cents; for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++) num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3)); return ("R$" + num + "." + cents); } </script>

Note no formulário abaixo os itens em verde, eles são os valores que serão adicionados ou excluídos do total.

<form> PRODUTO 1 R$ 10,00 <input type=checkbox name=Steak value="10.00" onClick="this.form.total.value=checkChoice(this);"> <br> PRODUTO 2 R$ 20,00 <input type=checkbox name=Steak value="20.00" onClick="this.form.total.value=checkChoice(this);"> <br> PRODUTO 3 R$ 30,00 <input type=checkbox name=Steak value="30.00" onClick="this.form.total.value=checkChoice(this);"> <br> DESCONTO R$ 1,50 <input type=checkbox name=Steak value="-1.50" onClick="this.form.total.value=checkChoice(this);"> <br> ACRÉSCIMO R$ 3,50 <input type=checkbox name=Steak value="3.50" onClick="this.form.total.value=checkChoice(this);"> <br> Total: <input type="text" name="total" value="" readonly> <input type="hidden" name="hiddentotal" value="0"> </form>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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