Ir para conteúdo
Fórum CódigoFonte.net
ianpa

como atualizar um valor automaticamente?

Recommended Posts

Olá, pessoal

alguém poderia me ajudar? O problema é simples mas não encontro solução, preciso gerar uma lista de opções para o usuário escolher, nesta lista vou usar o chekbox, para cada opção que o usuário escolher irá acrescentar no valor total de R$15, caso o usuário clique em dois checkbox o valor muda automaticamente para R$30 e assim por diante.

Alguma idéia?

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ve se isso te ajuda:

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>

<title>Fazendo o calculo sozinho</title>

</head>

<body>

<INPUT TYPE="checkbox" NAME="OPCAO" VALUE="op1" ID="opcao1" class="op1"> opcao1<br>

<INPUT TYPE="checkbox" NAME="OPCAO" VALUE="op2" ID="opcao2" class="op2"> opcao2<br>

<INPUT TYPE="checkbox" NAME="OPCAO" VALUE="op3" ID="opcao3" class="op3"> opcao3<br>

<input type="text" id="campo" value="0"/>

</body>

</html>

<script>

$(document).ready(function() {

   $('#opcao1').click(function(){

  var teste = document.getElementById("opcao1").checked;

  var teste2 = document.getElementById("opcao2").checked;

  var teste3 = document.getElementById("opcao3").checked;

  if(teste == true)

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)+15);

  }

  else

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)-15);

  }

  });

  $('#opcao2').click(function(){

  var teste = document.getElementById("opcao1").checked;

  var teste2 = document.getElementById("opcao2").checked;

  var teste3 = document.getElementById("opcao3").checked;

if(teste2 == true)

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)+15);

  }

  else

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)-15);

  }

  });

   $('#opcao3').click(function(){

  var teste = document.getElementById("opcao1").checked;

  var teste2 = document.getElementById("opcao2").checked;

  var teste3 = document.getElementById("opcao3").checked;

  if(teste3 == true)

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)+15);

  }

  else

  {

var resultado = parseInt(document.getElementById('campo').value);

document.getElementById('campo').value = ((resultado)-15);

  }

});

});

</script>

Espero que sim

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×