提问者:小点点

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


我有一个名为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


共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>

相关问题