Setting boolean flags in JS / jQuery

Question

I'm going nowhere with apparently a simple task of trying to set a boolean flag in Js / JQuery. I'm expecting that after btn1 click the flags should change (globally). But I likely misunderstand some inner works of JS and after clicking btn2 the status of flags stays exactly as initially declared - how can I go about this?

JS:

$(document).ready(function(){
  var $btn1 = $("#btn1");
  var $btn2 = $("#btn2");
  var active1 = true;
  var active2 = false;

  $btn1.click(function(){
    $active1 = false;
    $active2 = true;
    alert("after btn1 click: --> " + " active1: " + active1 + ", active2: " + active2);
  });

  $btn2.click(function(){
   // If clicked first on btn1 I'm expecting active1=false; active2=true; ??
        alert("after btn2 click: " + " active1: " + active1 + ", active2: " + active2);
  });
});

   <button id="btn1">Button1</button>
   <button id="btn2">Button2</button>

JsFiddle Here

This isn't PHP - active1 is one variable $active1 is another variable. — h2ooooooo
– h2ooooooo, Commented May 25, 2016 at 12:58

Raja Jaganathan · Accepted Answer · 2016-05-25 12:56:23Z

1

Remove $ from in declaration. Note active1 not $active1 same for active2.

$btn1.click(function(){
    active1 = false;
    active2 = true;
    alert("after btn1 click: --> " + " active1: " + active1 + ", active2: " + active2);
  });

answered May 25, 2016 at 12:56

Raja Jaganathan

36.7k4 gold badges34 silver badges37 bronze badges

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

1 Comment

Turo Over a year ago

sure, I tried to wrap my head around a more complex case and I made a stupid mistake here. Good that it works though as expected, thank you.

Collectives™ on Stack Overflow

Setting boolean flags in JS / jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related