所以一旦我成功單擊關閉按鈕，我需要能夠禁用兩個按鈕（批準和回傳按鈕）。誰能幫我？代碼的第一部分是我需要禁用的按鈕。
<div class="text-center ">
<button class="btn m-1 align-items-center btn-success text-center " type="submit" id="approve_button" data-toggle="modal" data-target="#approveModal">Approve</button>
<button class="btn btn-secondary m-1 align-items-center text-center" type="submit" id="return_button" data-toggle="modal" data-target="#returnModal">Return</button>
</div>
<div>
<button class="btn btn-danger m-5 align-items-center text-center" id="reject_button" name="reject_button" data-toggle="modal"data-target="#rejectModal" >Close Task</button>
</div>
<?php
if (isset($_POST["reject-btn"])){
$rejectt = mysqli_real_escape_string($con, $_POST["rejectt"]);
$sql = "UPDATE task SET task_status='closed' WHERE id_task='$rejectt' ";
$result_rej = mysqli_query($con, $sql);
if ($result_rej) {
$_SESSION['success'] = "Task closed";
$_SESSION['text'] = "Task has been closed successfully";
$_SESSION['icon'] = "success";
} else {
$_SESSION['success'] = "Error";
$_SESSION['text'] = "Unknown error, please try again";
$_SESSION['icon'] = "error";
}
}
?>
<?php
if (isset($_SESSION['success']) && $_SESSION['success'] != '') {
?>
<script>
swal({
title: "<?php echo $_SESSION['success']; ?>",
text: "<?php echo $_SESSION['text']; ?>",
icon: "<?php echo $_SESSION['icon']; ?>",
button: "OK";
});
</script>
<?php
unset($_SESSION['success']);
}
?>
uj5u.com熱心網友回復：
您可以在單擊#reject_button 時使用 jQuery 為按鈕添加禁用屬性
$(document).ready(function(){
$("#reject_button").click(function(){
$("#approve_button, #return_button").attr("disabled","true");
});
});
uj5u.com熱心網友回復：
您可以在單擊#reject_button 時使用普通javascript向按鈕添加禁用屬性
document.querySelector(document).ready(function(){
document.querySelector("#reject_button").click(function(){
document.querySelector("#approve_button, #return_button").attr("disabled","true");
});
});
uj5u.com熱心網友回復：
您可以使用簡單的 JS 事件處理程式來執行此操作。提供的示例是一種方法。如果您以后需要再次啟用它們，您將需要一個單獨的事件處理程式來洗掉 disabled 屬性。
<script>
//you can replace querySelector with getElementById, but I prefer the flexibility of query selector
document.querySelector('#reject_button').addEventListener('onclick', () => {
document.querySelector('#approve_button').setAttribute('disabled',"");
document.querySelector('#return_button').setAttribute('disabled',"");
});
</script>
uj5u.com熱心網友回復：
如果您需要在頁面重繪 后禁用它們，那么您可以使用它。但最方便的方法是您應該嘗試將按鈕狀態保存在資料庫中。
<div class="text-center ">
<?php if(isset($_SESSION['disable-buttons']) ){
if($_SESSION['disable-buttons'] == true){
$disabled = "disabled";
}else{
$disabled = "";
}
}
?>
<button class="btn m-1 align-items-center btn-success text-center " type="submit" id="approve_button" data-toggle="modal" data-target="#approveModal" <?php echo $disabled ?> >Approve</button>
<button class="btn btn-secondary m-1 align-items-center text-center" type="submit" id="return_button" data-toggle="modal" data-target="#returnModal" <?php echo $disabled ?> >Return</button>
</div>
<div>
<button class="btn btn-danger m-5 align-items-center text-center" id="reject_button" name="reject_button" data-toggle="modal"data-target="#rejectModal" >Close Task</button>
</div>
<?php
if (isset($_POST["reject_button"])){
$_SESSION['disable-buttons'] = true;
$rejectt = mysqli_real_escape_string($con, $_POST["rejectt"]);
$sql = "UPDATE task SET task_status='closed' WHERE id_task='$rejectt' ";
$result_rej = mysqli_query($con, $sql);
if ($result_rej) {
$_SESSION['success'] = "Task closed";
$_SESSION['text'] = "Task has been closed successfully";
$_SESSION['icon'] = "success";
} else {
$_SESSION['success'] = "Error";
$_SESSION['text'] = "Unknown error, please try again";
$_SESSION['icon'] = "error";
}
}
?>
<?php
if (isset($_SESSION['success']) && $_SESSION['success'] != '') {
?>
<script>
swal({
title: "<?php echo $_SESSION['success']; ?>",
text: "<?php echo $_SESSION['text']; ?>",
icon: "<?php echo $_SESSION['icon']; ?>",
button: "OK";
});
</script>
<?php
unset($_SESSION['success']);
}
?>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/474337.html