jquery禁用剩餘的複選框時，2 3未經檢查

Question

我想限制取消所有3個複選框的能力。

<input type="checkbox" value="one" checked> one 
<input type="checkbox" value="two" checked> two 
<input type="checkbox" value="three" checked> three 


$(":checkbox").click(function() {        
    if ($("input:checked").length == 2){               
    $(':checkbox(:checked)').prop('disabled', false); 
    }else{               
    $(':checkbox(:checked)').prop('disabled', true); 
    }               
});  

我不能得到它來禁用最後一個複選框，因爲沒有被選中。 請幫忙！

http://jsfiddle.net/Vg4ty/81/

Answer 1

$(":checkbox").click(function() { 
 
    if ($("input:checked").length == 1) { 
 
    $(':checked').prop('disabled', true); 
 
    } else { 
 
    $(':checked').prop('disabled', false); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<input type="checkbox" value="one" checked>one 
 
<input type="checkbox" value="two" checked>two 
 
<input type="checkbox" value="three" checked>three

Answer 2

捕獲點擊事件，然後阻止默認的行動，如果它會導致點擊元素的數量是零。

$("input[type=checkbox]").on("click",function(evt) {    
    if ($("input[type=checkbox]:checked").length == 0) { 
     evt.preventDefault(); 
    }               
});