如果未選中其他選項，則禁用複選框jQuery

Question

我需要始終檢查至少一個複選框。兩者都可以同時檢查，但我至少需要檢查一個。

我試圖用下面的代碼來做到這一點。這個想法是檢查複選框是否未選中，並將禁用的屬性添加到其他複選框。

因此，例如...

如果未選中字母，支票號碼和禁用它，用戶無法取消勾選。

if (letters.checked === false) { // if letters isn't checked 
    numbers.prop("disabled", true); // disable numbers 
    numbers.checked = true; // keep numbers checked 
} else if (numbers.checked === false) { // else if numbers isn't checked 
    letters.prop("disabled", true); // disable letters 
    letters.checked = true; // keep letters checked 
} 

Fiddle

Answer 1

這樣你的意思是:)工作演示：http://jsfiddle.net/Y3dC3/

• 我已經加入.on變化事件。
• 你也可以使用.is檢查是否檢查是否被檢查。

希望這可以滿足您的需求。

代碼

$(document).ready(function() { 

    $('input[type=checkbox]').change(function() { 
     var letters = $("#letters"), 
      numbers = $("#numbers"); 

     if (!letters.is(':checked')) { // if letters isn't checked 
      numbers.prop("disabled", true); // disable numbers 
      numbers.checked = true; // keep numbers checked 
     } else if (!numbers.is(':checked')) { // else if numbers isn't checked 
      letters.prop("disabled", true); // disable letters 
      letters.checked = true; // keep letters checked 
     } 
    }); 
}); 

Answer 2

你將需要把這種邏輯到事件處理程序，如果你想它開火每次檢查狀態更改時間。目前，它只能運行在$(document).ready之後，從此不會運行。