如果我選擇第一個複選框，則禁用所有其餘的複選框

Question

我在單獨的標籤內有四個複選框。

如果我選擇第一個複選框，則所有其餘的複選框將被禁用。如果我再次點擊第一個，所有複選框將被啓用。 如果我選擇其他複選框，其他複選框仍處於啓用狀態：我可以選擇多個複選框。 See image here

我該如何設置？

Answer 1

試試這個：

HTML：

<label for="one"><input type="checkbox" name="one" id="one"></label> 
<label for="two"><input type="checkbox" name="two" id="two"></label> 
<label for="three"><input type="checkbox" name="three" id="three"></label> 
<label for="four"><input type="checkbox" name="four" id="four"></label> 

的jQuery：

$('input[type="checkbox"]').on('change', function() { 
    if($('input[type="checkbox"]').eq(0).is(':checked')){ 
     $('input[type="checkbox"]').not($(this)).attr('disabled', true); 
    } 
    else{ 
     $('input[type="checkbox"]').not($(this)).attr('disabled', false); 
    } 
}); 

工作例如：https://jsfiddle.net/e26vnnk2/

Answer 2

如果您想要了解如何禁用所有其他「複選框」，請使用radiogroups。如果您說第一個複選框會自動觸發其他複選框的切換，請嘗試取消組合或將它們分開放置，因爲聽起來好像您在那裏存在某種錯誤的分組和依賴關係。