Mi tarea es poder deshabilitar los botones aprobar y devolver después de hacer clic en el botón rechazar. El botón Rechazar significa cerrar un proyecto. Estos son mis códigos. ¿Alguien puede ayudarme a descubrir cómo deshabilitar los botones? así es como se ve el botón.
<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>Puede obtener los botones por id y deshabilitarlos de la siguiente manera:
document.getElementById("approve").disabled = true; document.getElementById("return").disabled = true;Aquí está el código completo
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."); } }); }Debe incluir el nombre de clase "deshabilitar" en el botón Aprobar y devolver y su código javascript debería verse así:
<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>