[ jquery ] 제이쿼리 체크박스(checkbox) 체크된 데이터만 가져오기

안녕하세요.

 

오늘은 여러개의 체크박스들중 몇개의 체크박스를 클릭 후 그 체크박스에 해당하는

데이터를 가져오는 스크립트를 소개 드리겠습니다.

 

아래에 보시면 "chk"라는 클래스가 존재합니다.

 

만약 여러개의 "chk"라는 클래스를 가진 체크박스가 존재 할 경우 사용자는

 

몇개의 체크박스만 선택하여 삭제, 등록 등을 실행 할려고 합니다.

 

그럴경우 해당 체크박스의 값을 알아야 해당 구문을 실행 할 수 있습니다.

 

현재 아래의 소스를 보면 for문을 통해 여러개의 데이터를 표출 하는데요.

 

스크립트 소스에서 "chk"라는 클래스를 가진 체크박스들 중에 체크가 된

 

object들만 value를 가져와서 배열에 담고 있습니다.

 
<c:foreach var="listdata" item="${value}"/
    <li>
        <span class="checkSet">
            <input type="checkbox" class="chk" id="test" value="${listdata.value}">                                
        </span>        
    </li>    
</c:foreach>
 
 
<script>
    var delchk = []; // key 값을 담을 배열
                
    //삭제 key value
    // chk라는 클래스를 가진 체크박스 중에 체크가 된
    // object들을 찾아서 delchk라는 배열에 담는다.
    $('.chk:checked').each(function(){
        delchk.push($(this).val());
    });
</script>
 
 

이상입니다.

 

만약 소스가 하트도 눌러주시면 감사하겠습니다.