javascript - jQuery Value 根据条件添加和删除属性值

Question

我正在使用 jQuery 的 append 和 attr 方法以及带有输入值和 Bootstrap 模态值的输入追加。但不知何故我的代码没有根据我的 jQuery 代码的条件运行

$("input").change(function(){
  var value = $(this).val();
  $("#gwrmodal").modal({backdrop: "static"}); // open modal
    $("button").click(function(){
      var gwrvalue = $(this).val();
      var id= $("#appenddiv div").length;
      $("#appenddiv div").each(function() {
        var fieldWrapper =$("<div class=\"fieldwrapper\" id=\"field" + Id + "\"/>"); //apped wrapper
        var gwrtoken = $("<input type=\"text\" id=\"" + id + "\" name=\"" + id + "\" value=\"" + value+ "\"  disabled/>"); //append token value
        var Time = $("<input type=\"text\" id=\"" + id + "\" name=\"" + id + "\" value=\"" + gwrvalue+ "\" disabled/>");//append time value
        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"Remove\" />");//remove button
        removeButton.click(function() {
          $(this).parent().remove();
        });
        fieldWrapper.append(gwrtoken);
        fieldWrapper.append(gwrTime);
        fieldWrapper.append(removeButton);
        $("#appenddiv").append(fieldWrapper);
      });
      var sum= 0;
      for(var i=0;i<=id;i++){
        sum +=time;// sum of the time
        return sum;
      }
      if(sum>3){ //condition if value is greater than 3
        var removeValue =$("#input input:last").removeAttr("value");
        $("#newinput").attr("value").val(removeValue);
        return sum=0; // for next input condition
      }
    });
  });

我的 jsfiddle 是
https://jsfiddle.net/2snbaspw/

我想将输入值附加到 Bootstrap 模态值，如果 Bootstrap 模态值的总和大于 3，则输入值将被删除并显示在下一个 div 输入中。

Answer 1

初始化变量:

$("input").change(function(){
   var value = $(this).val();
   $("#gwrmodal").modal({backdrop: "static"}); // open modal
   $("button").click(function(){
   .........
   var time = gwrvalue; --- here
   var sum= 0; 
  for(var i=0;i<=id;i++){
    sum +=time;// sum of the time
    return sum;
  }
  if(sum>3){ //condition if value is greater than 3
    // Change Here
    $("#input input:eq("+getIndex+")").val();
            $("#newinput input:eq("+getIndex+")").val(sum);
            console.log('New Value' + $("#newinput input:eq("+getIndex+")").attr('type'))
            sum = 0; // for next input condition
  }
  });
});

检查这个最新的代码: https://jsfiddle.net/2snbaspw/5/