PHP - Orientação referente Tabela HTML

[violin101 0]

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

 

[violin101 0]

Caros amigos, 

 

 

Consegui resolver, foi erro de formatação de valor.

[Jack Oliveira 1]

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));
}

 

[violin101 0]

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