javascript - 如何显示 0 和 1 onclick 相同的按钮？

Question

代码:

<a href="javascript:void(0);" class="btn btn-sm btn-outline-info hold" title="Hold"><i class="icon-control-pause"></i></a>
<script>
    $(document).ready(function(){
        $(".hold").click(function(){
            alert('1');
        });
    });
</script>

我有一个按钮 现在，当我第一次点击它时它会显示 1，而当我第二次点击它时它会显示 0。我不知道我该怎么做？请帮助我。

谢谢

Answer 1

您可以维护一个变量作为标志:

$(document).ready(function(){
  var flag = true;
  $(".hold").click(function(){
    if(flag){
      alert('1');
      flag = false;
    }
    else{
      alert('0');
      flag = true;
    } 
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="javascript:void(0);" class="btn btn-sm btn-outline-info hold" title="Hold"><i class="icon-control-pause">Test</i></a>