Question

我需要创建一个像这样工作的按钮：

var i = true

first click --> var i = false
second click --> var i = true
....

HTML

 <input type="button" value="test" onclick="stop(); start();" />

如何在JS文档中指定theese函数？

Answer 1

你可以通过这样做来切换布尔值：

var b = true;
b = !b

在您的情况下使用：

<input type="button" value="test" onclick="b = !b;" />

使用函数

执行此操作会更好

var b = true;
function toggle () { b = !b; console.log(b) }

并在你的HTML中

<input type="button" value="test" onclick="toggle();" />

Answer 2

制作点击计数器

var countClick= 0

if (countClick== 1) {
        //do the first click code
    }
    if (countClick== 2) {
        //do the second click code
    }

Answer 3

你可以这样做

<input type="button" value="test" />

和javascript代码。

var btn = document.getElementsByTagName('input')[0];
var i = true;

btn.addEventListener('click', function() {
    if (i == true)
        i = false;
    else
        i = true;
});

Answer 4

您只需在onclick事件上关联函数调用，然后切换boolean值：

var i = true;
function clicked () {
  //toggle the value
  i = !i; 
  console.log(i);
}

<input type="button" value="test" onclick="clicked();" />

Answer 5

这是一个可以满足您需求的代码段。你可以永远地切换它，或者只是像你的例子一样。

＆＃13;

var buttonClicks = 0;
var boolValue = true;
var boolValueOutput = document.getElementById("boolValue")

boolValueOutput.innerHTML = boolValue;

function onButtonClick()
{
  buttonClicks++;

  // If you want it to only work once uncomment this
  //if (buttonClicks > 2)
  //  return;
  
  boolValue = !boolValue;
  boolValueOutput.innerHTML = boolValue;
}

＆＃13;

<input type="button" value="test" onclick="onButtonClick();" />
<p id="boolValue"></p>

＆＃13;

两次点击同一按钮上的两个事件

5 个答案: