jQuery Map을 이용해 checkbox 체크된 값 한번에 가져오기

jQuery Map을 이용해 checkbox 체크된 값 한번에 가져오기

Map이란 jQuery API를 확인해보면

[배열의 모든 요소(items)를 새로운 배열 요소로 변경] 한다고 나와있다

뭐 그냥 간단하게 함수를 만들어 특정 오브젝트를 셀렉트 해와서 그 값을 다시 주무르고 뱉어주는 건데

Java 배울땐 Map(collection)이 List 형의 집합으로써 key, value 로 데이터를 다루는 걸로 알고 있는데 뭐 비슷한 개념인거 같다

Callback 함수는 필수라고 한다

Map을 설명하고자 하는건 아니고 이를 이용해 checkbox의 checked된 값을 배열로 뱉어주도록 해주는 건데

딱 한줄이면 된다

뭐 checked 된 값 가져오는건 정말 많고 많지만 이렇게 써 놓으면 좀 있어 보이는건 사실이다

1 <input type="checkbox" class="grid" value="1" checked/>
2 <input type="checkbox" class="grid" value="2" />
3 <input type="checkbox" class="grid" value="3" checked/>
4 <input type="checkbox" class="grid" value="4" />
5 <input type="checkbox" class="grid" value="5" checked/>

<script type="text/javascript">
    seq = $('.grid:checkbox:checked').map(function(){
        return this.value;
    }).get().join(',');
</script>