如何动态计算输入值？

Question

我在php中获得了一个带有foreach循环的列表，里面有N个人。 对于该列表中的每个人，我创建动态输入。当我更改为另一个<div class="inputs">时如何重置var total HTML PART：

<div class="col-md-4 taskblock">
<div class="name">User</div> 
    <form>
        <div class="inputs">
            <div><input name="1-quantity" data-id="4" id="test" class="field" value="0" type="text"></div>
        </div>
        User
        <div class="inputs">
            <div><input name="2-quantity" data-id="3" id="test" class="field" value="0" type="text"></div>
        </div>

        <input name="submit" class="submit" value="Submit" type="button">
    </form>

和Jquery Part我正在尝试：

   function getInt(str) {
  return isNaN(str) || $.trim(str) == "" ? 0 : parseInt(str, 10);
}


$(document).ready(function() {
var total = 0;
  $(".inputs").on('keyup', '.field', function(e) {
    var val = getInt($(this).val());
        var max = $(this).attr('data-id');
    console.log(max);
    total = 0;
    $(".field").each(function() {
      total += getInt($(this).val());
      if ($(this).val() =="") $(this).remove();
    });
    console.log(total);
    if (total > 0 && total < max) {
        $(this).parent().append('<div><input type="text" data-id="4" class="field" id="test" name="dynamic[]" value="" /></div>');
    }
  });
});