Skip to main content
1 de 3
Tiago
  • 2,4mil
  • 5
  • 29
  • 62

Calculo de cubagem com jquery

Olá, preciso fazer o calculo de cubagem (largura x altura x comprimento) x quantidade

O códio tem um função onde adiciona novas linhas de acordo com a necessidade. Primeiro faz o calculo de cada linha e depois faz a soma total de cada linha.

$(document).ready(function() {
        $(".alturaMaterial").mouseover(function() {
                        
            qtd = $(".volumeMaterial").val();
            com = $(".comprimentoMaterial").val();
            lar = $(".larguraMaterial").val();
            alt = $(".alturaMaterial").val();
            
            var cubagemMateriais = (com * lar * alt) * qtd
            
            $("#cubagemMateriais").val(cubagemMateriais);
            
        });
    }
.css1{width:80px;height:20px;}
.css2{width:180px;height:20px;}
.css3{width:80px;height:20px;background: #FFDDDE;}
.css4{width:100px;height:20px;background: #CAFFD8;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input name="volumeMaterial[]"      class="volumeMaterial form-control css1"      placeholder="Volume"      type="number"   value="">
    <input name="nomeMaterial[]"        class="nomeMaterial form-control css2"        placeholder="Materiais"   type="text"     value="">
    <input name="comprimentoMaterial[]" class="comprimentoMaterial form-control css1" placeholder="Comprimento" type="text"     value="">
    <input name="larguraMaterial[]"     class="larguraMaterial form-control css1"     placeholder="Largura"     type="text"     value="">
    <input name="alturaMaterial[]"      class="alturaMaterial form-control css1"      placeholder="Altura"      type="text"     value="">
        
    <input name="cubagemMateriais[]" id="cubagemMateriais" type="text" class="css3" >
    
    <hr><p>
    
    <input name="volumeMaterial[]"      class="volumeMaterial form-control css1"      placeholder="Volume"      type="number"   value="">
    <input name="nomeMaterial[]"        class="nomeMaterial form-control css2"        placeholder="Materiais"   type="text"     value="">
    <input name="comprimentoMaterial[]" class="comprimentoMaterial form-control css1" placeholder="Comprimento" type="text"     value="">
    <input name="larguraMaterial[]"     class="larguraMaterial form-control css1"     placeholder="Largura"     type="text"     value="">
    <input name="alturaMaterial[]"      class="alturaMaterial form-control css1"      placeholder="Altura"      type="text"     value="">
        
    <input name="cubagemMateriais[]" id="cubagemMateriais" type="text" class="css3" >
    
    <hr><p>
    Cubagem total: <input type="text" id="cubagemMateriaisTotal" class="css4" >

Tiago
  • 2,4mil
  • 5
  • 29
  • 62