如果選中jquery，請取消選中復選框

Question

我連續有3個復選框，我找到的代碼很有用

$('input:checkbox').click(function () {
    $(this).closest('tr').find('input:checkbox').prop('checked', false);
    $(this).prop('checked', true);
});

但是，我有一個業務要求，我告訴我，如果有人點擊已經檢查的復選框，它必須取消選中。 是的我明白單選按鈕通常用於“只允許選擇1個項目”，但即使是單選按鈕也不能點擊“取消選擇”

復選框更自然，能夠取消選擇但是我的功能我嘗試取消選擇，如果已經選中並點擊它總是轉到else語句

$('input:checkbox').click(function () {
    //alert('c');
  $(this).closest('tr').find('input:checkbox').prop('checked', false);

  if ($(this).checked)
  {
      alert('f');
      $(this).prop('checked', false);
  }
  else {
      alert('t');
      $(this).prop('checked', true);
  }

});

摘要

有3個復選框，目前我的功能只允許其中1個復選框。 但是現在我需要能夠單擊當前選中的復選框並取消選中它

Answer 1

在該行的復選框上設置checked = false時，只需省略單擊的復選框，這樣它就會像常規復選框一樣，例如：

$(this).closest('tr').find('input:checkbox').not(this).prop('checked', false);

這是一個小提琴