JS : jQuery : 체크박스 선택 여부 확인 방법 : 예제, 방법

JS : jQuery : 체크박스 선택 여부 확인 방법 : 예제, 방법

 

jquery에서 체크박스가 선택되어 있는지 확인해야할 때, 여러가지 방법이 있습니다. 하지만, 이 작업을 수행하는 가장 좋은 방법이 무엇인지는 확실하지 않았습니다. 여전히 최선의 방법들이 있으므로, 좋은 방식들에 대해서는 공유가 필요합니다. 다음 예를 통해 체크박스가 선택되어 있는지 확인하는 방법들에 대해 알아보도록 하겠습니다.

 

 

 

속성 메소드 사용

속성에 체크 값이 있는지 확인합니다. 

// First way 
$('#checkBox').attr('checked');

 

 

 

Is 메소드 셀렉터를 사용

이 메소드는 엘리멘트가 체크되어 잇는지 확인합니다. 

// Second way 
$('#edit-checkbox-id').is(':checked');

 

 

 

체크된 셀렉터

다음 스니펫을 사용하여 현재 체크된 모든 요소를 가져옵니다.

$('.selector:checked')

 

 

 

 

@ Attribute 메소드 사용

엘리먼트 속성에 대한 탐색을 정의하는 @ 셀렉터를 사용합니다. 따라서, 아래 코드는 타입이 선택되어 있고, 선택되어 있는 모든 요소를 탐색합니다. 

// Third way for jQuery 1.2
$("input[@type=checkbox][@checked]").each( 
    function() { 
        // Insert code here 
    }
); 


// Third way == UPDATE jQuery 1.3 
$("input[type=checkbox][checked]").each( 
    function() { 
        // Insert code here 
    } 
);