javascript - 用于切换按钮的布尔 if 和 else 语句

Question

我收到一个名为 favIcon 的 True/False 语句，它负责按钮状态。此按钮从“活动”切换到“已禁用”，其行为类似于“类似 Facebook 的按钮”：在页面加载时，如果 favIcon 为真，则显示按钮“活动”。

我要做的第一件事是使用 If 语句来控制台记录 favState 条件。当前的尝试看起来像这样（这是我的参考）：

     var favIcon = true;

     function onload(){
       if(favIcon == true){
            console.log ("active");
       }

       else {
             console.log ("disabled"); 
       }}

我没有设法让它工作，一旦我得到这个回应，它会让我进入下一步：

如果 favIcon == true，则按钮状态为活动

如果 favIcon == false，按钮状态被禁用

现在按钮从禁用变为激活（我设法使某些东西起作用！）（将此用于ref）

     <input id="button" type="button" value="disabled">

     <script>
             $('#button').click(function() {
             $(this).val('active');
         });
     </script>

希望我足够清楚。谢谢你们。

Answer 1

您可以根据favIcon值禁用按钮，如下所示 -

$("#button").prop("disabled",favIcon);

并运行上面的代码，将其包装在准备好的文档中，如 -

$(function(){
  $("#button").prop("disabled",favIcon);
});

更多关于.prop()