单击拒绝/关闭后禁用两个按钮

Question

我的任务是在单击“拒绝”按钮后能够禁用批准和返回按钮。拒绝按钮意味着关闭项目。这些是我的代码。有人可以帮助我找出如何禁用按钮吗？

<div class="text-center ">
    <button class="btn m-1 align-items-center btn-success text-center " id="approve">Approve</button>   
    <button class="btn btn-danger m-1 align-items-center text-center " id="clear" onclick="sweetalertrejects()">Reject</button>
    <button class="btn btn-secondary m-1 align-items-center text-center" id="return">Return</button>       
    </div>
    </div>
    </div>
                        <script>
                        function sweetalertrejects(){
                            swal("This button means closing the task. You will not be able to revert this action. Do you wish to continue?", {
                                icon: "info",
                                  buttons: {
                                    cancel: "Cancel",
                                    catch: {
                                      text: "Yes, close this task",
                                      value: "cancel",
                                    },
                                    
                                  },
                                })
                                .then((value) => {
                                  switch (value) {
                                 
                                
                                    case "cancel":
                                      swal("Closed!", "Task has been closed.", "success");
                                      break;
                                 
                                    default:
                                      swal("Task has not been closed.");
                                  }
                                });

                        }
                        </script>

Answer 1

您可以通过ID获取按钮并将其禁用如下：

document.getElementById("approve").disabled = true;
document.getElementById("return").disabled = true;

这是整个代码

function sweetalertrejects(){
swal("This button means closing the task. You will not be able to revert this action. Do you wish to continue?", {
  icon: "info",
  buttons: {
    cancel: "Cancel",
    catch: {
      text: "Yes, close this task",
      value: "cancel",
    },

  },
})
  .then((value) => {
  switch (value) {


    case "cancel":
      swal("Closed!", "Task has been closed.", "success").then(()=>{
      document.getElementById("approve").disabled = true;
      document.getElementById("return").disabled = true;

      });
      break;

    default:
      swal("Task has not been closed.");
  }
});
}

Answer 2

您需要将className“ disable”包含在批准中＆amp;返回按钮和您的JavaScript代码应该看起来像：

<script>
$('#clear').click(function() {

    swal("This button means closing the task. You will not be able to revert this action. Do you wish to continue?", {   
    icon: "info",
        buttons: {
        cancel: "Cancel",
        catch: {
            text: "Yes, close this task",
            value: "cancel",
        },
        
        },
    })
    .then((value) => {
        if(value){
            $('.disable').attr('disabled','disabled');
            swal("Closed!", "Task has been closed.", "success");
        }else{
            swal("Task has not been closed.");
        }
    });

});
</script>