[JQuery]Ajax를 통해 체크박스 배열 다루기

function deleteNmeCard(){ //명함 체크박스 삭제
    <!-- 명함 고유값과 고유값을 담을 Array를 선언 -->    
    var nmeCardSeq ="";
    var checkArray = new Array();  
    
    <!-- forEach문을 통해 체크된 고유값을 Array에 push로 넣음 -->
    <c:forEach var="selectNmeCardList" items="${selectNmeCardList}" varStatus="status">
        nmeCardSeq= "#"+"${selectNmeCardList.nmeCardSeq}"; // #을 붙여주는 이유는 id값을 참고하기 위함임.
        if($(nmeCardSeq).is(":checked")){
            checkArray.push("${selectNmeCardList.nmeCardSeq}");            
        }
    </c:forEach>
 
    <!-- 만약 체크된 값이 없다면 삭제할 명함을 선택하라는 알림창을 띄움 -->
    if(checkArray.length == 0){
        alert("삭제할 명함을 선택하세요.")
    }
 
    <!-- Array 길이가 0이 아니라면 정말 삭제할 것인지 재차 확인함 -->
    else{
        if (confirm("삭제하시겠습니까?") == true){    //확인
            <!-- Ajax 부분. POST 방식으로 고유값을 담은 Array를 컨트롤러로 보냄 -->
            $.ajax({
                type : 'POST',
                url : 'deleteNmeCard.do',
                data : {  
                    0:0,
                    checkArray : checkArray},
                    <!-- 성공적으로 컨트롤러가 돌았다면 메인 화면으로 돌아감 -->
                    success: function pageReload(){
                        location.href="/nmeCardSelectForm.do"
                    },
                    error:function(request,status,error){
                        alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
                    }
                });
                <!-- Array와 고유값을 초기화 시켜줌 -->
                checkArray= new Array();
                nmeCardSeq="";
            }
            <!-- 만약 취소하면 페이지를 reload 함 -->
            else{   //취소    
                location.reload(true);
            }
        }
    }        
            
$(document).ready(function(){ //체크박스 전체선택,전체해제
    <!--#checkAll은 위 그림의 "전체선택" 버튼에 해당 -->
    $("#checkAll").click(function() {
        $("input[name=chkbox]:checkbox").prop("checked",true); // name이 chkbox인 input 타입들의 checked값을 "true"로 바꿈
    });
    <!-- #unCheckAll은 위 그림의 "전체해제" 버튼에 해당 -->
    $("#unCheckAll").click(function() {
        $("input[name=chkbox]:checkbox").prop("checked",false); // name이 chkbox인 input 타입들의 checked값을 "false"로 바꿈
    });
});

//명함 삭제 완료
@RequestMapping(value = "/deleteNmeCard.do", method={RequestMethod.GET, RequestMethod.POST})
public String deleteNmeCard(@RequestParam(value="checkArray[]") List<Integer> deleteList, @ModelAttribute("nmeCardValueObject") NmeCardValueObject nmeCardValueObject, ModelMap model) throws Exception {
    <!-- Ajax를 통해 Array로 받은 "deleteList"를 하나씩 빼내어 ArrayList에 넣음 -->
    ArrayList<Integer> deleteArray = new ArrayList<Integer>();
    for(int i=0;i<deleteList.size();i++){
        deleteArray.add(deleteList.get(i));
    }
    <!-- ArrayList로 담은 것을 Service->ServiceImple->DataAccessObject->Mapper로 보내 처리 -->
    nmeCardService.deleteNmeCard(deleteArray);
    return "redirect:/nmeCardSelectForm.do";
}

//명함 삭제 완료
public void deleteNmeCard(ArrayList<Integer> deleteArray) throws Exception {
    <!-- Controller에서 전달한 ArrayList를 for문을 돌려 고유값을 하나씩 꺼내어 Delete 문을 돌림 -->
    for(int i=0; i<deleteArray.size();i++){
        int nmeCardSeq = deleteArray.get(i);
        getSqlSession().delete("nmeCardMapper.deleteNmeCard", nmeCardSeq);
    }
}

<!-- 명함 삭제 -->
<delete id="deleteNmeCard" parameterType="int">
    DELETE FROM
    nmecard_tb
    WHERE
    nmecard_seq in (#{nmeCardSeq});
</delete>