Javascript 在单击按钮时切换字符串变量

我有一个名为

value

的变量<代码>值是一个可以为“真”或“假”的字符串

值

默认设置为“false”

单击按钮时，我想切换值或

值

。因此，在第一次单击按钮时，

值

将为“true”（因为默认情况下为false），然后，再次单击时，更改为“false”，依此类推

我试过了（）：

value.val（value.val（）='false'？'true'：'false'）

但是没有成功

这里有一个演示：


$（函数（）{
常量按钮=$（“.button”）；
var value=“false”；
$（按钮）。单击（函数（）{
控制台日志（“单击”）；
//如果（值=“假”）{
//value=“true”；
//}else if（值==“false”）{
//value=“false”；
// }
value.val（value.val（）=“false”？“true”：“false”）；
});
});

点击我

jQuery（$=>{//DOM ready和$alias在作用域中
让value=“false”；
$（“.button”）。在（“单击”，函数（）{
值=值==“假”？“真”：“假”；
console.log（值）；
});
});
点击我
您只需为
值
变量使用布尔值，而不用
字符串
。这样，您可以使用“not”运算符（
！
）反转布尔值

编辑

还值得注意的是，您正在对一个变量使用
.val（）
方法，而该方法实际上并不用于此变量
.val（）
方法用于输入，如
和
标记。只需在代码中输入变量名，即可获得变量的值

示例：

var值=1；
警报（值）；

此代码将发出警报并显示
value
变量的值，其中as
value.val（）
将返回错误

这里有一个演示：
var值=false；
$（“#btn”）。单击（函数（）{
value=！value；
$（“#value”）.html（value==true？value:“false”）；
});

错误


切换值
您不能为此使用布尔值吗？这是一种更好的实践，并且使翻转状态变得更容易：
value=！价值观我认为您正在使用jQuery的HTML输入元素值更新代码来更新JavaScript变量的值
OP没有请求更改按钮的值…
button.val（值==“false”？“true”：“false”）不工作。