How can I change an HTML input value's data type to integer?

Question

I'm using jQuery to retrieve a value submitted by an input button. The value is supposed to be an integer. I want to increment it by one and display it.

// Getting immediate Voting Count down button id
var countUp = $(this).closest('li').find('div > input.green').attr('id');
var count = $("#"+countUp).val() + 1;
alert (count);

The above code gives me a concatenated string. Say for instance the value is 3. I want to get 4 as the output, but the code produces 31.

How can I change an HTML input value's data type to integer?

Answer 1

To convert strValue into an integer, either use:

parseInt(strValue, 10);

or the unary + operator.

+strValue

Note the radix parameter to parseInt because a leading 0 would cause parseInt to assume that the input was in octal, and an input of 010 would give the value of 8 instead of 10

Answer 2

parseInt(  $("#"+countUp).val()  ,  10  )