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

Question

我有一个名为value的变量。value是一个字符串，可以是“true”或“false”。

value默认设置为“false”。

单击按钮时，我要切换值或value。因此，在第一次单击按钮时，value将为“true”（因为默认情况下它是false)，然后，再次单击时，将更改为“false”，依此类推。

我试过（按照这个答案）：

value.val(value.val()==“false”？“true”：“false”）；

但没有成功。

下面是一个演示：

null

$(function() {

  const button = $(".button");
  var value = "false";

  $(button).click(function() {
  
    console.log("click");

    // if (value == "false") {
    //  value = "true";
    // } else if (value == "false") {
    //  value = "false";
    // }

    value.val(value.val() == "false" ? "true" : "false");

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>

<button class="button">
  click me
</button>

null

Answer 1

null

$(function() {

  const button = $(".button");
  // var value = "false";
  var value = $("#inputID");

  $(button).click(function() {
  
    console.log("click");

    // if (value == "false") {
    //  value = "true";
    // } else if (value == "false") {
    //  value = "false";
    // }

    // For string update this would be the approach
    // value = value =="false" ? "true" : "false";
    
    // Below is to update value of Input element
    value.val(value.val() == "false" ? "true" : "false");

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>

Value: <input id="inputID" value="false"/>

<button class="button">
  click me
</button>