how to increment text box value using jquery?

Question

I want increment #hidtr value in jquery.

<script type="text/javascript">  
    $('#hidtr').val(parseInt($('#hidtr').val()+1));     
    alert($('#hidtr').val());  
</script>

Karthick V · Accepted Answer · 2012-06-23 07:20:16Z

11

Try this

var val = $('#hidtr').val();
$('#hidtr').val((val*1)+1);

answered Jun 23, 2012 at 7:20

Karthick V

1,2895 gold badges16 silver badges31 bronze badges

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

Comments

thecodeparadox · Accepted Answer · 2012-06-23 07:12:18Z

2

I will preferred below approach because don't need to use $('#hidtr').val() twice and you can also process the value as you like.

$('#hidtr').val(function(i, oldVal) {
  return parseInt(oldVal || 0, 10) + 1; // oldVal || 0 if initial is empty
});  
alert($('#hidtr').val());

DEMO

If you don't want to use above approach then follow: (@charlietfl mentioned)

var hidtr = $('#hidtr'), // store the reference, not use multiple time
    val = parseInt( hidtr.val(), 10 ) || 0, // peek the value
    inc = val + 1;  // increment value

hidtr.val(inc); // set value

Note

parseInt(value, radix) accept two parameter, first one is value and second one is radix(for integer it will 10, for hex it will 16 and so on).

.val() jquery accept a value as parameter to set and also a function (with two arguments index and old value).

edited Jun 23, 2012 at 7:12

answered Jun 23, 2012 at 6:49

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

1 Comment

Tooraj Jam Over a year ago

Dude, the initial value is empty.

Manse · Accepted Answer · 2012-06-23 06:40:41Z

1

Try

$('#hidtr').val(parseInt($('#hidtr').val(),10)+1);

You had the brackets in the wrong place, also Radix is recomended, see the docs for paraeInt here

answered Jun 23, 2012 at 6:40

Manse

38.1k11 gold badges88 silver badges112 bronze badges

2 Comments

Mariselvam Panneerselvam Over a year ago

This is code execute but not value added. $('#hidtr').val() is nan come

Manse Over a year ago

@panneerselvam What is the initial value ??

charlietfl · Accepted Answer · 2012-06-23 06:50:02Z

1

You need to wrap it in ready callback and make adjustments to brackets

$(function(){
   $('#hidtr').val(parseInt($('#hidtr').val(),10) || 0 +1);
    alert($('#hidtr').val());

});

See: jQuery Docs : How jQuery Works for explanation of why it needs to be wrapped

WHen using a selector more than once in a handler or function, it is better to cache it

$(function(){
    var $hidtr= $('#hidtr');
     var val=$hidtr.val();
   $hidtr.val(parseInt( val,10)  || 0 +1);
    alert( $hidtr.val());

});

edited Jun 23, 2012 at 6:50

answered Jun 23, 2012 at 6:44

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Tats_innit · Accepted Answer · 2012-06-23 06:57:01Z

0

Or another working demo http://jsfiddle.net/AuJv2/5/ OR in case of initial empty input: http://jsfiddle.net/AuJv2/8/

Please note parseInt($('#hidtr').val()+1) should be parseInt($('#hidtr').val())+1

Hope this helps,

code

var num = parseInt($('#hidtr').val()) || 0;
$('#hidtr').val(parseInt(num)+1);
alert($('#hidtr').val());

OR

$('#hidtr').val(parseInt($('#hidtr').val())+1);
alert($('#hidtr').val());

edited Jun 23, 2012 at 6:57

answered Jun 23, 2012 at 6:42

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Collectives™ on Stack Overflow

how to increment text box value using jquery?

5 Answers 5

Comments

Note

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Note

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related