jQuary checkbox 배열 ajax로 data보내고 받기!

<script> function deleteNmeCard(){ //명함 체크박스 삭제 var nmeCardSeq =""; var checkArray = new Array(); <c:forEach var="selectNmeCardList" items="${selectNmeCardList}" varStatus="status"> nmeCardSeq= "#"+"${selectNmeCardList.nmeCardSeq}"; if($(nmeCardSeq).is(":checked")){ checkArray.push("${selectNmeCardList.nmeCardSeq}"); } </c:forEach> if(checkArray.length == 0){ alert("삭제할 명함을 선택하세요.") } else{ if (confirm("삭제하시겠습니까?") == true){ //확인 $.ajax({ type : 'POST', url : 'deleteNmeCard.do', data : { 0:0, checkArray : checkArray}, success: function pageReload(){ location.href="/nmeCardSelectForm.do" } }); checkArray= new Array(); nmeCardSeq=""; } else{ //취소 location.reload(true); } } } </script> }

<명함관리(BCMS)프로젝트> 경우 '명함조회'JSP로 뿌려주는 모델을 scirpt에 받아서 그것을 배열에 담아 ajax로 보내는 식인데, 굳이 이런 식으로 해야 할까 라는 의문점이 많이 들었다. 그래서 수정한 것이 아래를 참고하면 된다.

function deleteNmeCard(){ //명함 체크박스 삭제 var nmeCardSeq =""; var checkArray = new Array(); $("input[name=chkbox]:checked").each(function(i){ //jQuery로 for문 돌면서 check 된값 배열에 담는다 checkArray.push($(this).val()); }); // <c:forEach var="cardselect" items="${cardselect}" varStatus="status"> // nmeCardSeq= "#"+"${cardselect.nmeCardSeq}"; // if($(nmeCardSeq).is(":checked")){ // checkArray.push("${cardselect.nmeCardSeq}"); // } // </c:forEach> if(checkArray.length == 0){ alert("삭제할 명함을 선택하세요.") } else{ if (confirm("삭제하시겠습니까?") == true){ //확인 $.ajax({ type : 'POST', url : 'deleteNmeCard.do', data : { checkArray : checkArray}, success: function pageReload(){ location.href="/CardSelect.do" } }); checkArray= new Array(); nmeCardSeq=""; } else{ //취소 location.reload(true); } } } }

제이쿼리를 이용하여 name에 chkbox를 가진 체크박스 중에서 checked (체크된 박스들만 가져와서 each()반복문을 사용한다. 

그리고 배열을 선언 한 checkArray 배열에 name의 chkbox 값들을 배열에 담는다.

그리고 Ajax를 이용하여 data를 보내준다.