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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...

×
×
  • Criar Novo...