javascript - 如何根据布尔条件显示按钮？

Question

我是 Javascript 新手。

我有 2 个按钮on和off.

必须将变量设置flag为1when it ison并将变量设置为0when it is off。

如果 flag==1，on则应显示按钮；当 flag==0 时，Off应显示按钮。

HTML：

<button class="on">ON</button>
<button class="off">OFF</button>

我尝试了下面的代码，但它不起作用。

JS：

var flag = 0;

if (flag == 0) {
  $('.on').hide();
} else {
  $('.off').hide();
}

有人可以帮忙吗？

谢谢

标签： javascript

Answer 1

var flag = false;
$(function() {
  $('.on').click(e => {
    $('.on').hide();
    $('.off').show();
    flag = true;
    console.log({
      flag
    });
  });
  $('.off').click(e => {
    flag = false;
    $('.off').hide();
    $('.on').show();
    console.log({
      flag
    });
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="on">ON </button>
<button class="off">OFF </button>