根据动态添加的字段计算值(Calculating values based on dynamically added fields)

 我正在尝试基于字段创建动态聚合。 唯一的区别是它不是一个表格而是一个div区块。 
 
 我正在努力完成的 
 
 在按钮上单击添加字段，模板中的内容被克隆（就像表格行一样），这部分工作正常。 
 
 代码应该计算值，为每行添加一些字段。 我使用了密码功能来保持它随时更新。 
 
 为什么它不起作用？ 
 
 那么我无法像这样工作。每个i_row或模板包含字段p_cnetto[] p_pvat[] p_ilosc[] （quantitiy） 
 
 因为我不能阅读行 - 我尝试了很多东西，但显然做了一些坏事，它只计算curr_net的价值，它仍然不是它应该的方式。 
 
 十进制值应该是可以接受的：例2222.00 
 
 它应该如何工作？ 
 
 
 
 添加一行 
 
 
 总结行部分[不需要显示行聚合]： 
 
  
 
   
 curr_netto =获得此行p_cnetto[]值乘以p_ilosc[] 
 
   
 curr_brutto =得到这一行(p_cnetto[] * p_pvat[]) / 100 * p_ilosc[] 
 
  
 
 
 最后它应该计算所有行的总数total_netto，total_brutto - 可以在console.log中 
 
 感谢您的任何提示。 
 
 JsFiddle Example 
 
 
 
 
 
  
    	<!-- statistic block --->
<div id="curr_netto"></div>
<div id="curr_brutto"></div>

<button class="btn btn-primary btn-add-panel mt-5" type="button"> <i class="glyphicon glyphicon-plus"></i> Add field</button>
<div class="row">
  <div class="col-sm-12" id="extra_group">

    <!-- s -->

    <div class="widget widget2 card template mb-2 bg-light-blue-50" style="display: none;">
      <div class="col-lg-5">
        <div class="row i_row">
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Name</label>
              <input type="text" name="p_nazwa[]" class="form-control"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Qty</label>
              <input type="text" name="p_ilosc[]" class="form-control p_ilosc"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Unit</label>
              <select class="form-control" name="p_unit[]">
                <option value="Kg">Kilogram</option>
              </select>
            </div>
          </div>


          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Net</label>
              <input type="text" name="p_cnetto[]" class="form-control p_cnetto"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>VAT</label>
              <input type="text" name="p_pvat[]" class="form-control p_pvat"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="subtot"></div>
          </div>
          <div class="form-group col-md-2">
            <button class="btn btn-danger btn-add-panel rh mt-5 ml-3"> <i class="glyphicon glyphicon-minus"></i> Del</button>
          </div>
        </div>
      </div>
    </div>




    <!-- s -->
  </div>
</div>
 
 
 
 
 

I am trying to create a dynamic aggregation based on fields. The only difference is that it's not a table but a div block.
 
What I am trying to accomplish
 
On button click add field, the content from the template is cloned ( it's like a table row ), this part is fully working.
 
The code is supposed to count the values, for each row add some fields. I used keyup function to keep it updated all time.
 
Why is it not working?
 
Well I was not able to get it working like such .each of i_row or template contains fields p_cnetto[] p_pvat[] p_ilosc[] ( quantitiy )
 
Because I can't read row wise - I tried many things but apparently did something bad it only counts curr_net value and it's still not the way it should be.
 
Decimal values should be acceptable : example 2222.00
 
How it should work?
 
 
 
Add a row
 
 
Summing row part [ not really need to display row aggregation ]:
 
  
 
   
curr_netto = get this row p_cnetto[] value multiply by p_ilosc[]
 
   
curr_brutto = get this row (p_cnetto[] * p_pvat[]) / 100 * p_ilosc[]
 
  
 
 
At the end it should calculate a grand total of all rows for as total_netto,total_brutto - could be in console.log
 
Thanks for any tips.
 
JsFiddle Example
 
 
 
 
 
  
    	<!-- statistic block --->
<div id="curr_netto"></div>
<div id="curr_brutto"></div>

<button class="btn btn-primary btn-add-panel mt-5" type="button"> <i class="glyphicon glyphicon-plus"></i> Add field</button>
<div class="row">
  <div class="col-sm-12" id="extra_group">

    <!-- s -->

    <div class="widget widget2 card template mb-2 bg-light-blue-50" style="display: none;">
      <div class="col-lg-5">
        <div class="row i_row">
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Name</label>
              <input type="text" name="p_nazwa[]" class="form-control"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Qty</label>
              <input type="text" name="p_ilosc[]" class="form-control p_ilosc"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Unit</label>
              <select class="form-control" name="p_unit[]">
                <option value="Kg">Kilogram</option>
              </select>
            </div>
          </div>


          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>Net</label>
              <input type="text" name="p_cnetto[]" class="form-control p_cnetto"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="form-group pmd-textfield pmd-textfield-floating-label">
              <label>VAT</label>
              <input type="text" name="p_pvat[]" class="form-control p_pvat"></input>
            </div>
          </div>
          <div class="form-group col-md-2">
            <div class="subtot"></div>
          </div>
          <div class="form-group col-md-2">
            <button class="btn btn-danger btn-add-panel rh mt-5 ml-3"> <i class="glyphicon glyphicon-minus"></i> Del</button>
          </div>
        </div>
      </div>
    </div>




    <!-- s -->
  </div>
</div>
 
 
 
 
 

原文：https://stackoverflow.com/questions/45633704