Add values in dynamic inputs using Jquery

Question

With the help of http://www.mkyong.com/wp-content/uploads/jQuery/jQuery-add-remove-textbox.html , I got my dynamic inputs and value.

But while adding its concatenating or getting Nan. I need to add values.

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

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

result is = Nan

help please!

I test your link, but here are everything is ok. see screenshot: prntscr.com/ck769b — Omar
– Omar, Commented Sep 20, 2016 at 12:28

Sarath Kumar · Accepted Answer · 2016-09-20 12:28:17Z

1

try with this..

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

answered Sep 20, 2016 at 12:28

Sarath Kumar

2,3531 gold badge14 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mammam Over a year ago

Thank you sarath!!

Sarath Kumar Over a year ago

@Loading.. simply initialised the variable as number :)

Collectives™ on Stack Overflow

Add values in dynamic inputs using Jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related