如何替換jquery中的按鈕？

Question

我展示一些記錄表，其中每行包含兩個按鈕像

「接受」和「拒絕」

如果我點擊「接受」，那麼形式應提交按鈕應該替換爲「取消「按鈕，頁面應該重新加載表格中的新內容。

如果我點擊「拒絕」按鈕，然後「接受」按鈕應該隱藏和頁面應該重新加載新鮮的內容。

我嘗試了一些東西，但沒有奏效。

$(document).ready(function(){ 
     $("#upComing").submit(function(){ 
     alert("Submitted"); 
     }); 
     $("#btnAccept").click(function(){ 
      $("form[value='Accept${upComLeave.employee_id}']").submit(); 
      location.replace("#btnCancel"); 

     }); 
    }); 

請幫幫我。

Answer 1

你可以有三個按鈕，接受，取消（隱藏在第一），並拒絕與顯示和隱藏他們實現你的描述：

$('#btAccept').click(function(){ 
    $(this).hide(); 
    $('#btCancel').show(); 
    //submit form 
}); 

$('#btCancel').click(function(){ 
    //cancel ajax request 
    return false; //prevent form from submitting 
}); 

$('#btReject').click(function(){  
    $('#btAccept').hide(); 
    //refresh content 
    return false; //prevent form from submitting 
}); 

這裏有一個fiddle，顯示它的工作。