Ir para conteúdo

POWERED BY:

Arquivado

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

Freisleben

[Resolvido] Somar 2 Campos Jquery

Por , em Javascript

Recommended Posts

Freisleben    0

Freisleben
Postado

Ola Pessoal,

 

Estou começando a estudar jquery e estou com dificuldade de fazer com que dois campos somados apresente o resultado em um terceiro?

 

campo1 + campo2 = resultado

2 + 2 = 4

 

Gostaria que o resultado apresentasse dinamicamente sem o famoso refresh.

Abaixo segue o que estou tentando fazer

<!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">
<head>
<title>Cadastro de Loja</title>
<link href="../css/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript">

$(document).ready( function() {

var valor = $('#valor').val(); 
var porcentagem = $('#porcentagem').val(); 

var resultado = valor + porcentagem;

$('#resultado').val('resultado'); 



});
</script>
</head>


<body>
	<h3>Cadastro de Loja</h3>
  <form id="FrmLoja" method="post" action="#">
<input type="text" name="valor" id="valor" />
<input type="text" name="porcentagem" id="porcentagem" />
<input type="text" name="resultado" id="resultado" />
<input type="submit" name="Cadastro" id="cadastro"/>
  </form>
</body>
</html>

Desde já agradeço o apoio.

Compartilhar este post

Link para o post
Compartilhar em outros sites

leooizepi    1

leooizepi
Postado

fiz um exemplo v se é isso mesmo que deseja..

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Cadastro de Loja</title>

<link href="../css/css.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
	$(document).ready( function() {
		
		$('#valor, #porcentagem').blur(function(){
			var valor 		= $('#valor').val(); 
			var porcentagem = $('#porcentagem').val(); 
			
			if(valor == "") valor = 0;
			if(porcentagem == "") porcentagem = 0;
			
			var resultado 	= parseInt(valor) + parseInt(porcentagem);
			$('#resultado').val(resultado);
		})
		 
	});
</script>

</head>

<body>        
<h3>Cadastro de Loja</h3>  

<form id="FrmLoja" method="post" action="#">
    <input type="text" name="valor" id="valor" />
    <input type="text" name="porcentagem" id="porcentagem" value="0" />
    <input type="text" name="resultado" id="resultado" value="0" />
    <input type="submit" name="Cadastro" id="cadastro" />  
</form>

</body>
</html>

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