Question

如果我的值小于90，我想显示成功按钮，如果值等于或大于90，我想显示警告按钮。该值在JS中接收。这些按钮如下：

<button type="button" class="btn btn-warning" data-toggle="tooltip" data-placement="top" title="Warning">Server 1</button>

<button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="top" title="Normal">Server 2</button>

如何根据我收到的值启用/显示和禁用/隐藏按钮？

谢谢。

Answer 1

检查您的值是否小于90，然后相应地修改按钮的display属性。

if(value < 90) {
    document.querySelector(".btn-warning").style.display = "none";
    document.querySelector(".btn-success").style.display = null;
} else {
    document.querySelector(".btn-warning").style.display = null;
    document.querySelector(".btn-success").style.display = "none";
}

除了.querySelector()之外，您还可以考虑使用ID和.getElementByID()或任何其他检索元素的方法。如果您使用的是jQuery，则可以使用.css()方法来实现。

如何根据接收到的值更改按钮？

1 个答案: