JQuery 카운트 요소를 클릭하면 한계에 도달

Question

먼저 체크 박스 요소 세트가 있습니다. 클릭 할 때마다 폼 내부에서 얼마나 많은 체크 박스가 활성화되어 있는지 계산하는 방법이 필요합니다. 다음으로, 체크 할 체크 박스의 수를 제한하고, 한계에 도달하면 나머지 체크 박스를 비활성화 시키십시오. 현재, jquery .length는 체크 박스의 총 수를 반환합니다. BTW

, 나는 사용자 지정 자바 스크립트/CSS를 체크 박스를 사용하고 있습니다,하지만 난 아이디어가 선택 체크 박스의 수를 검색하기 위해 같은

Answer 1

생각, .length 일을하지만 선택에 input:checked :

확인 상자의 수를 제한하기 위해

var nbChecked = $("input:checked").length; 

, 당신은 ...이 숫자에 도달하면 클릭

작업 jsFiddle 당신의 체크 박스에 change 이벤트를 바인딩하고 방지해야한다 : http://jsfiddle.net/wpMzY/

Answer 2

이미 작성한 코드를 붙여 넣은 경우 추가로 알려 드릴 수 있습니다. 사용 및 봐 비활성화를 들어 How do I check a checkbox with jQuery

: 체크 박스를 확인/취소하는 방법을 보려면 Check checkbox checked property using jQuery

:

• 의 확인란이 선택되어 있으면 모양을 확인하는 방법을 참조하십시오 JQuery - checkbox enable/disable을

Answer 3

Samuel이 대답 한 옵션의 전체 코드 예와 허용 할 수있는 옵션 사용자가 현재 옵션을 선택 취소하고 다른 옵션을 선택합니다.

var maxAmountChecked = 3; 

$('input[type=checkbox]').change(function(){ 
    if($('input:checked').length > maxAmountChecked-1){ 
     //disable all unchecked checkboxes, keeping checked boxes available to deselect 
     $('input:checkbox:not(:checked)').attr('disabled', 'disabled'); 
    }else{ 
     //if maximum amount is not reached, all checkboxes should be available 
     $('input[type=checkbox]').removeAttr("disabled"); 
    } 
});