How To Toggle Variable Literal(Value) Using jQuery

Question

Can you please take a look at This Demo and let me know how I can toggle varible value from "ecolo" to "econo" using jQuery?

<button id="model">Toggle Query</button> 
<div id="result"></div>

<script>
var qtype= "econo";
$("#model").on("click", function () {
    qtype= "ecolo";
    $("#result").html(qtype);
 });
</script>

Thanks

Barmar · Accepted Answer · 2014-06-26 23:01:47Z

4

Use a conditional expression in an assignment

qtype = (qtype == "econo") ? "ecolo" : "econo";

or just a simple if:

if (qtype == "econo") {
    qtype = "ecolo";
} else {
    qtype = "econo";
}

For a true/false boolean variable, you can simply write:

variable = !variable;

the ! operator performs the boolean not operation.

answered Jun 26, 2014 at 23:01

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

2 Comments

Suffii Over a year ago

Thanks Barmar, Can I use same logic to toggle the true false boolean as well? by the way I still have to wait 10 minutes to accept you answer!

Barmar Over a year ago

For a boolean you can just write variable = !variable;.

Collectives™ on Stack Overflow

How To Toggle Variable Literal(Value) 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