javascript - Javascript JQuery-如果值是0，则隐藏按钮，否则，则显示

我有这个：

<input type="button" id="total_items" value="0">

该值随着项目添加到站点而增加。
我需要的是将其隐藏（如果值为0），并随着值的增加开始显示。

我知道JQuery有一个添加CSS display：none选项的选项，但是我不知道如何。谢谢您的帮助！

最佳答案

请尝试以下代码，只是每次对象计数更改时您都必须调用checkValue()函数。

var btn = $('#total_items');

$(document).ready(function() {
  checkValue();
})
btn.change(function() {
  checkValue();
});

function AddNumber(count) {
  btn.prop('value', parseInt(btn.attr('value')) + count);
  checkValue();
}

function checkValue() {
  if (parseInt(btn.prop('value')) === 0)
    btn.css("display", "none"); //btn.hide();
  else
    btn.css("display", ""); //btn.show()
  console.log("Current value is:" + btn.prop('value'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="total_items" value="0">
<hr>
<button type="button" onclick="AddNumber(1)">+</button>
<button type="button" onclick="AddNumber(-1)">-</button>

关于javascript - Javascript JQuery-如果值是0，则隐藏按钮，否则，则显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52177295/