Jump to content

POWERED BY:

violin101

PHP - Orientação referente Tabela HTML

Recommended Posts

Caros amigos, saudações.

 

Tenho uma tabela em HTML, que me traz as informações de parcelamento corretamente.

 

Preciso fazer uma validação, mas quando tento somar a coluna que traz valor, a soma faz errada.

 

Como devo fazer para SOMAR a coluna mostrando as casas decimais ?

a tabela está assim:

            success: function(parcelas) {
              const tbody = $("#tbparcs tbody");
              tbody.empty(); // Limpa a tabela antes de adicionar novas linhas

              parcelas.forEach(function(parcela) {        
                let html = "<tr>";
                    html += "<td width='20%' height='10'style='text-align:center;'><input type='date' name='dtaprc[]' class='form-control d-none' value='"+dateSQL(parcela.data_vencimento)+"'><span>"+parcela.data_vencimento+"</span></td>";  
                    <!--Quero somar essa coluna -->
                    html += "<td width='50%' height='10' style='text-align:center;'><input type='text' name='vlrprc[]' class='form-control d-none' value='"+parcela.valor_parcela+"' oninput='formatNumber(this)'><span>"+parcela.valor_parcela+"</span></td>";
                  
                    html += "<td width='15%' height='10' style='text-align:center;'>"+
                            "<button onclick='editarCelulaParcelamento(this)' type='button' class='btn btn-primary btn-editar-parc' style='margin-right: 1%; padding: 1px 2px;' title='Editar'>"+
                            "<i class='fa fa-edit'></i></button>"+
                            "<button type='button' data-save class='btn btn-success btn-salvar-parc' style='margin-right: 1%; padding: 1px 5px;' title='Salvar'>"+
                            "<i class='fa fa-save'></i></button>"+                            
                            "</td>";                       
                html += "</tr>";                                                           

                tbody.append(html);  

                somarparcelas();

              });

            }

 

a função para somar a coluna está assim:
 

      //Função somar Total da Tabela
      function somarparcelas(){
          parcelastotal = 0;
          
          //Preenche o INPUT do parcelastotal          
          $("#tbparcs tbody tr").each(function(){
            parcelastotal = parcelastotal + parseFloat($(this).find("td:eq(1)").text());
          });
          $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));     

      }

//o problema que estou encontrando está no parseFloat.
//o parseFloat traz: 12 e não 12.57

 

 

Grato,

 

Cesar

 

Share this post


Link to post
Share on other sites

Há 3 maneiras

1 Remoção de espaços e substituição de vírgula por ponto.....

 

// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Remove espaços, substitui vírgula por ponto e converte para float
        let valorNumerico = parseFloat(valorTexto.replace(/\./g, '').replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

2 Uso de Number() com substituição de vírgula por ponto....

 

// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Substitui vírgula por ponto e converte para número usando Number()
        let valorNumerico = Number(valorTexto.replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

3  Utilização de parseFloat com verificação adicional...

 

// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Substitui vírgula por ponto, remove caracteres não numéricos e converte para float
        let valorNumerico = parseFloat(valorTexto.replace(/[^\d,-]/g, '').replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

 

Share this post


Link to post
Share on other sites
14 horas atrás, Jack Oliveira disse:

Há 3 maneiras

1 Remoção de espaços e substituição de vírgula por ponto.....

 


// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Remove espaços, substitui vírgula por ponto e converte para float
        let valorNumerico = parseFloat(valorTexto.replace(/\./g, '').replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

2 Uso de Number() com substituição de vírgula por ponto....

 


// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Substitui vírgula por ponto e converte para número usando Number()
        let valorNumerico = Number(valorTexto.replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

3  Utilização de parseFloat com verificação adicional...

 


// Função para somar o total da tabela
function somarparcelas() {
    let parcelastotal = 0;

    // Itera sobre cada linha da tabela no tbody
    $("#tbparcs tbody tr").each(function() {
        // Obtém o texto da célula na segunda coluna (índice 1)
        let valorTexto = $(this).find("td:eq(1) span").text().trim();

        // Substitui vírgula por ponto, remove caracteres não numéricos e converte para float
        let valorNumerico = parseFloat(valorTexto.replace(/[^\d,-]/g, '').replace(',', '.'));

        // Verifica se o valor convertido é um número válido
        if (!isNaN(valorNumerico)) {
            parcelastotal += valorNumerico;
        }
    });

    // Atualiza o valor do input com o total formatado para 2 casas decimais
    $("input[name=parcelastotal]").val(parcelastotal.toFixed(2));
}

 

 

amigo Williams, saudações.

show, valeu.

obrigado

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 violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • By violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • By violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • By violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
    • By violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer ao auxílio dos amigos, mas preciso entender e resolver um problema.
       
      Tenho uma Rotina que o usuário seleciona os produtos que deseja para requerer ao setor responsável.
       
      O usuário escolhe um produto qualquer e Clicla em um button para incluir a lista.

      O problema que estou enfrentando é que após escolher o produto e teclar ENTER o Sistema já salva no BD.
       
      Gostaria de criar uma Tecla de Atalho, para quando incluir/escolher o produto na lista, o usuário tecla como exemplo:
      ALT+A  para agregar a lista
      ALT+S para salvar a lista de itens desejados.

      Assim, quando teclar enter, o sistema não dispara o GRAVAR na Base de Dados.

      Grato,

      Cesar
       
       
       
×

Important Information

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