jQuery input field value with counter

Question

I have found this: jQuery - Increase the value of a counter when a button is clicked and this JQuery Mouse Click counter

but does not work by me, i have tried this:

$("#btnplus").click(function(){
count =count +1;
$("#counterbox").html(count);
});

I have here a button and input box, button has id "btnplus" and input field "counterbox", i want if i clic on button to increase value of input, always +1, i don't get any error, what is here wrong?

Seem working to me [Fiddle](http://jsfiddle.net/WKTfq/)! I think you have not declared the variable `count` in the first place. Is it? — palaѕн, Jun 19 '13 at 08:56
Can be a problem because i have input field and you use here a div to place counter value? — user2496077, Jun 19 '13 at 09:05
See this [Fiddle](http://jsfiddle.net/WKTfq/1/). For input field you have to use `val` not `html`. — palaѕн, Jun 19 '13 at 09:08
The Problem was html, for input is val to use, **thanks to all** — user2496077, Jun 19 '13 at 09:10

score 2 · Answer 1 · answered Jun 19 '13 at 08:58

2

Try this

var count;

$("#btnplus").click(function(){
count =count +1;
$("#counterbox").html(count);
});

i think this should be work.

answered Jun 19 '13 at 08:58

Rakesh Singh

1,250
9
8

score 1 · Answer 2 · answered Jun 19 '13 at 09:11

1

var count = 0;
$("#btnplus").click(function () {
count = count + 1;
$("#counterbox").val(count);
});

answered Jun 19 '13 at 09:11

Rajeev.Ranjan

273
1
3
14

jQuery input field value with counter

2 Answers2