比較表單提交時復選框的選中狀態與頁面加載狀態

Question

我在頁面和表單提交上有多個復選框，我希望不發送所有這些復選框進行處理，而只發送狀態已從頁面加載狀態更改的那些復選框。

例如，在頁面加載時，選中了復選框的原始狀態。

然后，用戶單擊同一復選框3次，然后單擊“提交”按鈕：

• 第一次點擊-狀態更改為未選中
• 第2次點擊-狀態更改為選中
• 第三次點擊-狀態更改為未選中

那么有沒有辦法將第三次點擊狀態與頁面加載狀態進行比較？ 在這種情況下，由於狀態已更改，我想發送該復選框數據。 另一方面，如果用戶單擊兩次，我不想發送它進行處理，因為它的狀態在頁面加載期間已恢復為原來的狀態。

Answer 1

提交html表單時，將提交所有復選框，除非它們具有“ disabled”屬性。

一種策略可能是添加一個包含復選框值的隱藏字段，並在onSubmit上對這兩個復選框進行檢查，如果它們包含相同的值，則禁用該復選框。

Answer 2

在這種情況下，您可以嘗試以下操作：

$(document).ready(function(){
   // get check box state at the time of page load
   if($('#chk1').is(':checked'))
   {
       var chkState1 = true;
   }
   else
   {
       var chkState1 = false;
   }

   $('#chk1').change(function(){
       // get new state of this check box and compare it with the old one. If its state is diff than put it in the ajax call otherwise not
   });
});