모든 확인란이 선택되어 있는지 확인합니다.

모든 확인란이 선택되어 있는지 확인합니다.

모든 확인란이 다음과 같이 표시되는지 확인하려면 어떻게 해야 합니까?class="abc"선택되었습니까?

그 중 하나가 체크되거나 체크되지 않을 때마다 확인해야 합니다.클릭할 때 하나요 아니면 변경할 때 하나요?

가장 쉬운 방법은 이 상태를 확인하는 것이라고 생각합니다.

$('.abc:checked').length == $('.abc').length

새 확인란을 선택할 때마다 이 작업을 수행할 수 있습니다.

$(".abc").change(function(){
    if ($('.abc:checked').length == $('.abc').length) {
       //do something
    }
});

$('input.abc').not(':checked').length > 0

사용가능

$("input[type='checkbox'].abc").change(function(){
    var a = $("input[type='checkbox'].abc");
    if(a.length == a.filter(":checked").length){
        alert('all checked');
    }
});

이 모든 작업은 총 개수가.abc확인란은 총 개수와 일치합니다..abc:checked.

jsfiddle의 코드 예제.

$('.abc[checked!=true]').length == 0

클래스 독립 솔루션

var checkBox = 'input[type="checkbox"]';
if ($(checkBox+':checked').length == $(checkBox).length) {
   //Do Something
}

질문의 1부:

var allChecked = true;
$("input.abc").each(function(index, element){
  if(!element.checked){
    allChecked = false;
    return false;
  } 
});

편집:

아마 위의 답이 더 나을 겁니다.

검색 기준은 다음 중 하나입니다.

input[type=checkbox].MyClass:not(:checked)
input[type=checkbox].MyClass:checked

변경 이벤트에 연결하려고 할 수 있습니다.

또는 다음 항목을 모두 사용할 수도 있습니다.

// Cache DOM Lookup
var abc = $(".abc");

// On Click
abc.on("click",function(){

    // Check if all items in list are selected
    if(abc.toArray().every(areSelected)){
        //do something
    }

    function areSelected(element, index, array){
        return array[index].checked;
    }
});

내 코드에서 이를 달성한 방법은 다음과 같습니다.

if($('.citiescheckbox:checked').length == $('.citiescheckbox').length){
    $('.citycontainer').hide();
}else{
    $('.citycontainer').show();
}

저는 이 코드를 사용했는데 잘 작동했습니다.

if($('.abc:checked').length < 1) {
  alert('No checkbox is selected.');
  return false;
} else {
  alert($('.abc:checked').length+' checkboxes have been selected')
}

언급URL : https://stackoverflow.com/questions/5541387/check-if-all-checkboxes-are-selected