jQuery: Iterate Through a Limited Array of Numeric Values On Click

Question

I know it's a very basic question, but still:

When a page is first loaded, the variable myvar is set to a random value: 0, 1, 2, or 3.

On button click, if the variable is less than 3, it's incremented by 1. If the variable = 3, it's set to 0.

Would be grateful for help form an jQuery expert!

Adil · Accepted Answer · 2012-12-12 06:34:28Z

1

Try this,

Live Demo

<input type="button" id="buttonId" value="click me" />

$('#buttonId').click(function(){
     // myvar = 3;
     if(myvar < 3)
         myvar++;
     if(myvar ==3)
         myvar = 0;
})

edited Dec 12, 2012 at 6:34

answered Dec 12, 2012 at 6:29

Adil

148k25 gold badges217 silver badges207 bronze badges

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

4 Comments

Dimitri Vorontzov Over a year ago

Thank you very much, this is just what I was looking for. I have q question to you: how can I pass these values to a PHP variable $my_var?

Adil Over a year ago

You can save in hidden field and access it on postback, or use jquery ajax for asynchronous call.

Dimitri Vorontzov Over a year ago

I'm sorry, @Adil, could you show me how to do that, please? Basically, I need to pass values 0 to 3 to a MySQL query, on click.

Adil Over a year ago

I think this shows how you can do it, stackoverflow.com/questions/8741517/…

Vipul · Accepted Answer · 2012-12-12 06:32:35Z

1

$('#button').click(function(){
    myvar = (myvar == 3) ? 0 :  ++myvar;
    }
});

answered Dec 12, 2012 at 6:32

Vipul

1,5935 gold badges23 silver badges47 bronze badges

Comments

Anton · Accepted Answer · 2012-12-12 06:34:05Z

1

Something like this?

$('#button').click(function(){
    if (myvar< 3){
        myvar++;
    }else{
        myvar = 1;
    }
});

edited Dec 12, 2012 at 6:34

answered Dec 12, 2012 at 6:28

Anton

32.6k5 gold badges47 silver badges54 bronze badges

Collectives™ on Stack Overflow

jQuery: Iterate Through a Limited Array of Numeric Values On Click

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related