Question

我正在尝试使用按钮切换变量。该代码不会切换，只会输出最初的变量。

<button id="lock" onclick="togle()">
<img id="img1" src="images/lock.png" class="center">

<script>

var mode = false;

function togle() {
    if (mode == true) {
        mode = false;
    } else {
        mode = true;
    }
}

</script>

结果始终是默认变量。

该变量应在true和false之间切换，但它保持不变。

Answer 1

在修复html标记（即在按钮（</button>）上添加结束标记后，我无法重现该问题。但是，要在false和true之间切换，您只需在mode = !mode方法内执行toggle()：

var mode = false;

function toggle()
{
    mode = !mode;
    console.log("mode is: " +  mode);
}

.as-console {background-color:black !important; color:lime;}

<button id="lock" onclick="toggle()">Toggle</button>

尝试使用按钮切换布尔变量

1 个答案: