我的任務是能夠在單擊拒絕按鈕后禁用批準和回傳按鈕。拒絕按鈕意味著關閉一個專案。這些是我的代碼。誰能幫我弄清楚如何禁用按鈕？這就是按鈕的樣子。
<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>
uj5u.com熱心網友回復：
您可以通過 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.");
}
});
}
希望這有幫助。謝謝。
uj5u.com熱心網友回復：
您需要在 Approve & Return 按鈕中包含類名“disable”，并且您的 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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/465478.html
標籤：javascript 按钮 甜心提醒 禁用
上一篇：自動對焦輸入組件Antd