Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hostilio Ferreira

form com soma de valores check e multiplicação

Por , em Javascript

Recommended Posts

Hostilio Ferreira    0

Hostilio Ferreira
Postado

Boa Noite pessoal, sou bem iniciante em programação e estou sem saber como desenvolver um formulário para orçametno que já mostre o valor ao cliente antes de ser enviado. No Caso, consegui este códio que soma valores, mas ele não é bem adaptado para dinherio, precisaria ser... mas ele já soma e diminuiu os valores a medida que o cliente for selecionando itens. Eu preciso conseguir multiplicar os intens pela quandidade e esse valor tem que aparecer na soma. Tem alguem que saiba o que precisaria ser modificado, ou já tem esse formi pronto? Agradeço desde já.

 

Hostilio

 

Abaixo o código que tenho, tentei fazer umas mudanças e parou de funcionar aí voltei pro original.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script language="JavaScript">
function result(){
if(document.getElementById("checkbox1").checked){
var a = document.formulario.checkbox1.value;
} else {
var a = 0
}
if(document.getElementById("checkbox2").checked){
var b = document.formulario.checkbox2.value;
} else {
var b = 0
}
if(document.getElementById("checkbox3").checked){
var c = document.formulario.checkbox3.value;
} else {
var c = 0
}
if(document.getElementById("checkbox4").checked){
var d = document.formulario.checkbox4.value;
} else {
var d = 0
}
if(document.getElementById("checkbox5").checked){
var e = document.formulario.checkbox5.value;
} else {
var e = 0
}

var x = eval(a) + eval(B) + eval(c) + eval(d) + eval(e);
document.formulario.som.value = x;

}
</script>
<body bgcolor="#FFFFFF" text="#000000">
<form name="formulario">
 <p>
   <input name="checkbox1" type="checkbox" id="checkbox1"  onClick="result()"  value="7">
7 Quantidade: <input name="quantidade" type="text" id="quantidade"> </p>
 <p>
   <input name="checkbox2" type="checkbox" id="checkbox2"  onClick="result()" value="10">
    10 Quantidade: <input name="quantidade" type="text" id="quantidade"></p>
 <p>
   <input name="checkbox3" type="checkbox" id="checkbox3" onClick="result()" value="11">
11 Quantidade: <input name="quantidade" type="text" id="quantidade"> </p>
 <p>
   <input name="checkbox4" type="checkbox" id="checkbox4" onClick="result()" value="8">
8 Quantidade: <input name="quantidade" type="text" id="quantidade"> </p>
 <p>    <input name="checkbox5" type="checkbox" id="checkbox5" onClick="result()" value="6">
6 Quantidade: <input name="quantidade" type="text" id="quantidade"> </p>
 <p>soma:
<input type="text" name="som" id="soma">
<br>
 </p>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

melhorando o codigo acima, e já colocando soma de valores monetários..

<html>
<head>
	<title>Untitled Document</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

	<script type="text/javascript">
	function id( el ){
		return document.getElementById( el );
	}
	function value_check( el ){
		return id( el ).checked ? parseFloat( id( el ).value.replace(',', '.') )*100 : 0;
	}
	function result()
	{
		var soma = value_check('checkbox1')+value_check('checkbox2')
			+value_check('checkbox3')+value_check('checkbox4')+value_check('checkbox5');
		id('soma').value = soma/100;
		id('soma').value = id('soma').value.replace('.', ',');
	}
	</script>
</head>
<body>
	<form name="formulario">
		<p>R$ 7,00<input name="checkbox1" type="checkbox" id="checkbox1"  onclick="result()"  value="7,00" />
			7 Quantidade: <input name="quantidade" type="text" id="quantidade1" /></p>

		<p>R$ 10,30<input name="checkbox2" type="checkbox" id="checkbox2"  onclick="result()" value="10,30" />
			10 Quantidade: <input name="quantidade" type="text" id="quantidade2" /></p>

		<p>R$ 11,23<input name="checkbox3" type="checkbox" id="checkbox3" onclick="result()" value="11,23" />
			11 Quantidade: <input name="quantidade" type="text" id="quantidade3" /></p>

		<p>R$ 8,00<input name="checkbox4" type="checkbox" id="checkbox4" onclick="result()" value="8,00" />
			8 Quantidade: <input name="quantidade" type="text" id="quantidade4" /></p>

		<p>R$ 6,40<input name="checkbox5" type="checkbox" id="checkbox5" onclick="result()" value="6,40" />
			6 Quantidade: <input name="quantidade" type="text" id="quantidade5" /></p>

		<p>soma:<input type="text" name="som" id="soma" /></p>

	</form>
</body>
</html
agora é só estudar cara... pega a quantidade e multiplica.. nessa função que eu fiz mesmo...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito