如何从html按钮更改JavaScript布尔值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从html按钮更改JavaScript布尔值?相关的知识,希望对你有一定的参考价值。

我在html端有一个onClick按钮。我正在使用javascript函数执行一些操作。我需要使用HTML按钮更改布尔值。我一直在看论坛,但到目前为止我还没有找到任何东西。有人可以在这里引导我吗?

感谢。

代码:

JS

var buttonClicked = false;

  window.addEventListener('load',function()
  console.log(buttonClicked);
  document.getElementById('BtnGotit').addEventListener('onclick',function()
    buttonClicked = true;
    console.log(buttonClicked);
  );
  );


 function desktopMove(e)

if(buttonClicked == true)
            var wH = $(window).height();
            var wW = $(window).width();
            var x = e.clientX;
            var y = e.clientY;
            if(x <= 20)
                //Left
                $pageTrigger = $('.pt-page-current').find('.right');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(x >= (wW - 50))
                //Right
                $pageTrigger = $('.pt-page-current').find('.left');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(y <= 50)
                //Top
                $pageTrigger = $('.pt-page-current').find('.back');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            else if(y >= (wH - 50))
                //Bottom
                $pageTrigger = $('.pt-page-current').find('.next');
                    if($pageTrigger.length)
                        Animate($pageTrigger);
            

        
        

HTML

> <button2 onclick="function()" class = "BtnGotit" >Ok, GOT IT.</button2>< BR>

答案

将您的源代码包含在问题中总是一个好主意,因为它可以帮助我们回答。您可以添加带有代码演示的代码片段。

页面加载后,将监视按钮的点击。单击时,buttonClicked变量将设置为truebuttonClicked值最初是false

var buttonClicked = false;

window.addEventListener('load',function()
  console.log(buttonClicked);
  document.getElementById('randoButton').addEventListener('click',function()
    buttonClicked = true;
    console.log(buttonClicked);
  );
);
<input type="button" id="randoButton" value="Set the variable value">
另一答案

这是一个简单示例,如何处理它:

let bool = true

const changeValue = () => 
    bool = !bool
    console.log(bool)
<button onclick="changeValue()">Click Me!</button>
另一答案

以最简单的方式,这是一个通过一个按钮切换的好开始。

<input id="Z" value="0">
<button onclick="(Z.value<1)?Z.value++:Z.value--">Switch</button>

以上是关于如何从html按钮更改JavaScript布尔值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在Angular 2中每次路由更改时观察路由更改和布尔变量的更改值?

如何从 Javascript 更改 HTML 单选按钮选择?

如何更改数据库中的布尔值调用href中的函数?

更改布尔值时无法在 SwiftUI 中更改按钮文本

在Javascript中来回更改布尔值

Vue.js 如何从方法更改计算属性?