Jump to content
raphaelgs

Campo Input não esta somando

Recommended Posts

Os valores dos value estão aparecendo mais não estão somando apos carrego a pagina.  segue em anexo o print da tela quando carrego a pagina .

 

Meu código HTML

 <section class="despesas">
    <h2>Despesas</h2>
   <div class="caixa-principal col-md-12">
      <p class="campo1"><span>Mensalidade Faculdade: </span>R$<input id="mensalidade" value="<?php echo get_post_meta( $post->ID,'mensalidade-faculdade', true ); ?>"    readonly></p>

      <p class="campo1"><span>Aluguel: </span>R$<input id="aluguel" value="<?php echo get_post_meta( $post->ID,'aluguel', true ); ?>"readonly></p>

      <p class="campo1"><span>Água: </span>R$<input id="agua" value="<?php echo get_post_meta( $post->ID,'agua', true ); ?>"readonly></p>

      <p class="campo1"><span>Luz: </span>R$<input id="luz" value="<?php echo get_post_meta( $post->ID,'luz', true ); ?>"readonly></p>

      <p class="campo2"><span>Telefone/Internet: </span>R$<input id="telefone" value="<?php echo get_post_meta( $post->ID,'telefone-internet', true ); ?>"readonly></p>

      <p class="campo1"><span>IPTU: </span>R$<input id="iptu" value="<?php echo get_post_meta( $post->ID,'iptu', true ); ?>"></p>

      <p class="campo1"><span>Financiamento de Imóvel: </span>R$<input id="imovel" value="<?php echo get_post_meta( $post->ID,'financiamento-imovel', true ); ?>"readonly></p>

      <p class="campo1"><span>Financiamento de Veículo: </span>R$<input id="veiculo" value="<?php echo get_post_meta( $post->ID,'financiamento-veiculo', true ); ?>"readonly></p>

      <p class="campo1"><span>Alimentação: </span>R$<input id="alimentacao" value="<?php echo get_post_meta( $post->ID,'alimentacao', true ); ?>"></p>

       <p class="campo1"><span>Medicamentos: </span>R$<input id="medicamentos" value="<?php echo get_post_meta( $post->ID,'medicamentos', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Médico: </span>R$<input id="medico" value="<?php echo get_post_meta( $post->ID,'convenio-medico', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Odontológico: </span>R$<input id="odontologico" value="<?php echo get_post_meta( $post->ID,'convenio-odontologico', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Funerária : </span>R$<input id="funeraria" value="<?php echo get_post_meta( $post->ID,'convenio-funeraria', true ); ?>"readonly></p>

       <p class="campo1"><span>Transporte: </span>R$<input id="transporte" value="<?php echo get_post_meta( $post->ID,'transporte', true ); ?>"readonly></p>

       <p class="campo1"><span>Outros gastos: </span>R$<input id="outrosGastos" value="<?php echo get_post_meta( $post->ID,'outros-gastos', true ); ?>" readonly></p>

        <br><br>
        <p><span>Total das Despesas:</span>R$<input id="totalDespesas"></p>    
    </div>

</section>

 

Meu jQuery

<script type="text/javascript">
        jQuery(document).ready(function($) {
            $(document).ready(function() {
                $("#aluno,#membro1,#membro2,#membro3,#membro4,#membro5,#membro6,#membro7,#membro8,#membro9").on('keyup', function() {
                    var aluno = parseFloat($('#aluno').val()) || 0;
                    var membro1 = parseFloat($('#membro1').val()) || 0;
                    var membro2 = parseFloat($('#membro2').val()) || 0;
                    var membro3 = parseFloat($('#membro3').val()) || 0;
                    var membro4 = parseFloat($('#membro4').val()) || 0;
                    var membro5 = parseFloat($('#membro5').val()) || 0;
                    var membro6 = parseFloat($('#membro6').val()) || 0;
                    var membro7 = parseFloat($('#membro7').val()) || 0;
                    var membro8 = parseFloat($('#membro8').val()) || 0;
                    var membro9 = parseFloat($('#membro9').val()) || 0
                    var totalRendaMembros = aluno + membro1 + membro2 + membro3 + membro4 + membro5 + membro6 + membro7 + membro8 + membro9;

                    $('#totalRenda').val(totalRendaMembros);
                });
            }); 
        });
    </script>

Input.jpg

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Leonardo Ortega
      Prezados, bom dia.
      sou novo por aqui, e me deparei com esta situação:
      estou desenvolvendo um projeto e tudo começou quando apenas mudei o banco de dados que estava conectado. Ou seja, se eu me conecto ao baco de dados anterior, volta todo código html, porém, se conecto ao banco de dados atual as divs desaparecem. 
       
      obs: Isso tb acontece quando eu desativo o php tudo volta como a imagem 1 e se eu ativo fica como a imagem2.
       
      quem pode me ajudar.. desde já muito obrigado.  


    • By Richard.Ribeiro
      Fala Pessoal.. Bom dia.. uma ajuda por favor.
      não sei se e a melhor opção mais, gostaria de criar um id sequencial id="material"
      para resolver seguinte problema.. com javascript eu crio select com dados selecionados anteriormente, e crio mais opção no caso de haver mais pedido, porém toda vez que preciso troca a categoria o PRIMEIRO selecte que já possui um item e resetado. como posso resolver isso O PRIMIEIRO SELECT NÃO MUDAR. uma vez que á possui value selected
       
      segue todo código:

        <div id="box" >
        <form id="cadastro"  method="post">
          <?php
            if(isset($_POST['acao'])){
              $ide = $_POST['ide'];
              $data = $_POST['data_pedido'];
              $username=$_SESSION['username'];
              $justificativa = $_POST['justificativa'];
              $id_tipo_material = $_POST['material'];
              $qnt_solicitada = $_POST['qnt_solicitada'];

              //cadastrar no banco de dados!
                  $gravar = new Painel();
                  $id_gsm = $gravar->cadastrarGsm($data,$username,$justificativa,$ide);
                  $gravar->cadastrarItem($id_gsm,$id_tipo_material,$qnt_solicitada);
                  Painel::alert('sucesso','Pedido realizado com sucesso!');
                  }
                  $ConsultaIde = ConexaoBD::conectar()->prepare("SELECT  vsat_gilat, 'IDE: '||vsat_gilat|| ', Situação:'|| situacao|| ', Localidade:'||localidade|| ', Logradouro: '||logradouro as local
        FROM vsat WHERE vsat_gilat != '' AND situacao = 'Ativo'");
                  $ConsultaIde->execute();
                  $ConsultaIde = $ConsultaIde->fetchAll();
        ?>
        <div >
        <div class="form-group">
              <label>Selecione uma IDE</label>
              <select class="ide" name="ide" id="ide" required>
                <option disabled selected>-- Selecione IDE --  </option>
                  <?php
                  foreach ($ConsultaIde as $key => $value) {
                    ?>
                    <option value="<?php echo $value['vsat_gilat'];?>">
                      <?php echo $value['local'];?>

                </option>
              <?php }?>
              </select>

              <label>Data da Solicitação do Material :</label>
              <input type="text"value="<?php   echo date('d/m/Y');    ?>"  name="data_pedido" readonly >
        </div><!--form-group-->
            <div class="form-group">
              <label>Justificativa do pedido:</label>
              <textarea  rows="8" cols="80" name="justificativa" required></textarea>
        </div><!--form-group-->

        <div class="form-group">
              <label>Selecione Sistema:</label>
              <select name="id_categoria" id="id_categoria">
              <option selected disabled> --- Selecione o Sistema ---</option>
            <?php
        $consulta= ConexaoBD::conectar()->prepare("SELECT id_sistema, descricaos FROM public.cadastrar_sistema");
        $consulta->execute();
        while($row_cat_post = $consulta->fetch(PDO::FETCH_ASSOC) ) {
        echo '<option value="'.$row_cat_post['id_sistema'].'">'.$row_cat_post['descricaos'].'</option>';
              }
        ?>
          </select>
        </div><!--form-group-->
        <div class="form-group">
          <label>Selecione Padrão:</label>
          <span class="carregando">Aguarde, carregando...</span>
          <select name="id_sub_categoria" id="id_sub_categoria" >
            <option value="">--- Selecione o Padrão ---</option>
          </select>
        </div><!--form-group-select-->

        </div>
        <div class="pedido">
          <div class="remover">
          <label>Selecione Material:</label>
          <span class="carregando">Aguarde, carregando...</span>
          <select name="material[]" id="material">
            <option value="">--- Selecionte o Material ---</option>
          </select>
          <input type="text" id="quantidade" name="qnt_solicitada[]" placeholder="Digite a Quantidade" >
      <button type="button" name="button" class="removedor">Remover Item</button>
      </div>
      </div>
      </div>
        <button type="button" name="button" class="clonador">Novo Item</button>
        <input type="submit" name="acao" value="Cadastrar!">
        </form>
       
       
       
       
       
       
       
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
                <script type="text/javascript">
                  google.load("jquery", "1.4.2");
                </script>
      <script  src="<?php echo INCLUDE_PATH_PAINEL ?>js/jquery-3.4.1.min.js"></script>
      <script type="text/javascript">
        $(function(){
          $('#id_categoria').change(function(){
            if( $(this).val() ) {
              $('#id_sub_categoria').hide();
              $('.carregando').show();
              $.get('sub_categorias_post?search=',{id_categoria: $(this).val(), ajax: 'true'}, function(j){
                html = $.parseHTML(j);
                j=JSON.parse(html[16].textContent.trim());
                var options = '<option value="">Escolha Subcategoria</option>';
                for (var i = 0; i < j.length; i++) {
                  options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>';
                }
                $('#id_sub_categoria').html(options).show();
                $('.carregando').hide();
              });
            } else {
              $('#id_sub_categoria').html('<option value="">– Escolha Subcategoria –</option>');
            }
          });
        });
        $(function(){
          $('#id_sub_categoria').change(function(){
            if( $(this).val() ) {
              $('#material').hide();
              $('.carregando').show();
              $.get('sub_categorias_post2?search=',{id_sub_categoria: $(this).val(), ajax: 'true'}, function(j){
                html = $.parseHTML(j);
                console.log(html);
                j=JSON.parse(html[16].textContent.trim());
                var options = '<option value="">Escolha Subcategoria</option>';
                for (var i = 0; i < j.length; i++) {
                  options += '<option value="' + j.id + '">' + j.nome_sub_categoria + '</option>';
                }
                $('#material').html(options).show();
                $('.carregando').hide();
              });
            } else {
              $('#id_sub_categoria2').html('<option value="">– Escolha Subcategoria –</option>');
            }
          });
        });
        </script>
        <script>
        $(document).ready(function(){
       
              $(document).on('click', '.clonador', function(e){
                var elm_html = $('.pedido').html();
                var counter = 0;  //faz uma cópia dos elementos a serem clonados.
                  e.preventDefault();
                  var elementos = elm_html.replace(/\[[0\]]\]/g, '['+ counter +']');  //substitui o valor dos index e incrementa++
                  counter++;
                  $('#cadastro').append(elementos);  //exibe o clone.
              });
          });

          $(document).on('click', '.removedor', function (event) {
            event.preventDefault();
            $(this).parents('.remover').remove(); // navega até o pai com a classe pedido e remove ele inteiro
          });
        </script>
       
        <?php
        die();
        ?>
      </div><!--box-content-->
    • By djwagnersp
      Bom dia amigos, tudo bem? estou com uma duvida se alguém puder me ajudar agradeço desde já.
       
      tenha a seguinte condição:
      //array dos produtos $prod = 'agua'; $prod = 'refri'; $prod = 'cerveja'; //array das quantidades $qtd = '3'; $qtd = '2'; $qtd = '6'; Gostaria de fazer um loop o for ou foreach que imprimisse o $prod a quantidade de vezes do $qtd
      como seria possível realizar isso?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.