更改布爾值（Jquery / Javascript）

Question

我試圖通過使用函數對此值進行布爾更改。 我這樣試過：

var itemInStock = false;

$("#button").click(function(){
    itemInStock = true
}
if( itemInStock === false){
    document.write("item is out of stock");
} else{
    document.write("item is in stock");
}

我理解為什么它不起作用但我找不到解決這個問題的方法！

Answer 1

我只能猜出你想要實現的目標。 好像你想在某個時候檢查，如果項目目前有庫存。 由於您無法知道何時發生點擊，因此一種解決方案可能會定期檢查該值。

(function () {
    var itemInStock = false;

    $("#button").click(function () {
        itemInStock = true
    });

    window.setInterval(function () {

        if (itemInStock === false) {
            console.log("item is out of stock");
        } else {
            console.log("item is in stock");
        }

    }, 500);
})()

http://jsfiddle.net/Ttu5N/

告訴我，如果我的猜測錯了。

更新：方式更簡單的方法

$(function () {
    var $state = $('#state');


  $state.text('item is out of stock');

    $("#button").click(function () {
        $state.text('item is in stock');
    });


})

<button id="button">click me</button>
<div id="state"></div>

http://jsfiddle.net/Wb3ET/直接點擊就可以了。

Answer 2

因為在單擊按鈕之前，itemInStock不會更改...

Answer 3

加載后不能使用document.write，也不需要在單擊按鈕時更改布爾值，而不是之前

創建一個id =“status”的范圍並擁有

var itemInStock = false;
$(function() {  
  $("#button").click(function(){
    itemInStock = true;

    $("#status").html("item is in stock":
  }

  $("#status").html(itemInStock?"item is in stock":"item is out ofstock");
});

Answer 4

// HTML
<div id="status">item is out of stock by default</div>

// JS
var itemInStock = false;

$("#button").click(function(){
    itemInStock = true;
}, changeStatus());

function changeStatus(){
    if( itemInStock === false){
         $('#status').html("item is out of stock");
    } else{
         $('#status').html("item is in stock");
    }
}