javascript - 使用 Jquery 在动态输入中添加值

Question

在http://www.mkyong.com/wp-content/uploads/jQuery/jQuery-add-remove-textbox.html的帮助下，我得到了动态输入和值。

但是在添加其串联或获取 Nan 时。我需要添加值。

  var counter = 2;
  $("#addButton").click(function () {

      if(counter>20){
          return false;
      }

      var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);

      newTextBoxDiv.after().html(
          ' <div class="col-md-6 marg-top-10 "> <input type="text" class="form-control inputData" name="assetDescription' + counter +
          '" id="assetDescription' + counter + '" value="" > </input> </div>' + 
          ' <div class="col-md-6 marg-top-10 "> <input type="text" class="form-control inputData" name="textbox' + counter +
          '" id="textbox' + counter + '" value="" > </input> </div>'
      );

      newTextBoxDiv.appendTo("#TextBoxesGroup");
      counter++;
  });

  $("#removeButton").click(function () {
      if(counter==1){
          alert("No more textbox to remove");
          return false;
      }

      counter--;

      $("#TextBoxDiv" + counter).remove();
  });

增加值(value)

 $("#getButtonValue").click(function () {
    console.log("came ");

    var msg = '';
    var totalvalue;
    var result;

    for(i=1; i<counter; i++){
        msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
        result += Number($('#textbox' + i).val());       

        console.log(result);
    }

结果是= Nan

请帮忙!

Answer 1

试试这个..

var result = 0;
for(i=1; i<counter; i++){
            msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
            result += Number($('#textbox' + i).val());       
                      console.log(result);
      }