0

Alguém poderia me dar uma ajuda? Estou precisando fazer uma soma e subtração de checkbox e select com valores e mostrar o resultado conforme for sendo selecionado os campos, alguém poderia me dar um caminho para seguir?

4
  • Não dá pra entender o que você quer. Tem como tentar ser mais claro e dar um exemplo do que você pretende fazer? Você pode editar a sua pergunta a qualquer momento.
    – Jéf Bueno
    Commented 20/04/2018 às 21:18
  • O caminho a seguir, primeiramente, ler esses posts 1 - pt.meta.stackoverflow.com/questions/5483/… 2 - pt.stackoverflow.com/help/mcve
    – user60252
    Commented 20/04/2018 às 21:18
  • Coloque na pergunta pelo menos o HTML com os checkbox e select
    – user60252
    Commented 20/04/2018 às 21:20
  • Falta o código para gente analisar.
    – Sveen
    Commented 20/04/2018 às 21:28

1 Resposta 1

0

Aqui um exemplo simples, já que você não deixou muito claro o que precisa.

<select id="opcao_soma_val1" name="soma">
  <option value="1" selected>1</option>
  <option value="2">2</option>
  <option value="3">3</option>
<select>

<input  id="opcao_soma_val2" value="1" type="number" step="1" min="1" max="10">
<div id="resultado"><!-- aqui vem o resultado --></div>
<button id="somar">Somar</button>
<button id="subtrair">Subtrair</button>

<script
  src="http://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous">
</script>
<script>

$(function(){
  $(document).on('click','#somar', function(){
     somar();
  });
 $(document).on('click','#subtrair', function(){
     subtrair();
  });

});
function subtrair(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) - parseInt(val2));
     $('#resultado').text(result);
  } 
function somar(){
     var val1 = $('#opcao_soma_val1').val();
     var val2 = $('#opcao_soma_val2').val();
     var result = (parseInt(val1) + parseInt(val2));
     $('#resultado').text(result);
  } 
</script>

Para somar em tempo real, basta fazer blur no último campo.

Exemplo:

$('#opcao_soma_val2').on('blur', function(){
  somar();
});

Fiddle do exemplo

2
  • Seria isso mesmo, existe a possibilidade do resultado ser apresentado sem clicar no botão? O resultado ser apresentado em “tempo real”, obrigado pela ajuda! Commented 20/04/2018 às 22:04
  • Sim claro, olha aqui: jsfiddle.net/ivanferrer/nq9Lts0f Commented 20/04/2018 às 22:07

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .