Ir para conteúdo
Fórum CódigoFonte.net
  • Anúncios

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!
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

×