Jqueryを使用して動的入力に値を追加

Question

http://www.mkyong.com/wp-content/uploads/jQuery/jQuery-add-remove-textbox.htmlの助けを借りて、私は動的な入力と値を得ました。

ただし、連結または追加するときはNanとなります。私は値を追加する必要があります。値

$("#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

助けてくださいですを追加するための

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(); 
    }); 

！

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); 
     }