jsp페이지에서 jQuery로 체크박스(checkbox) 예외처리, 체크박스 셀렉터 (:checkbox)

체크박스, 셀렉터를 함께 포스팅했던 예제가 있다. 그 예제에서는 아무것도 체크하지 않고 요청을 하는 경우 예외처리를 위해 서블릿에서 getParameterValues를 통해 받은 String 배열이 null인지 확인하는 절차가 필요했다. 공부하면서 이를 jQuery를 통해 서블릿에 요청 보내기 전에 확인할 수 있는 방법에 대해 포스팅

좌상단 '선택 사진 삭제' 버튼에 클릭이벤트를 작성한다.  작성자는 id를 delete로 해두었기 때문에
$("#delete").click 을 호출한다.

$("#delete").click(function(){
			
			if( $("input[type=checkbox][name=checkbox]:checked").length == 0 ){
			    alert("삭제할 항목을 하나이상 체크해요.");
			    return;
			}
				
			$("#checkbox").attr({
				"method" : "post",
				"action" : "/ppl/itemPost/delete"
			})
			$("#checkbox").submit();
		});

다음과 같은 방법으로 특정 name 속성을 가지고 있는 checkbox에 체크된 녀석들의 갯수를 파악할 수 있다.

if( $(":checkbox[name=checkbox]:checked").length == 0 ){
				    alert("삭제할 항목을 하나이상 체크해주세요.");
				    return;

다음과 같이 체크박스 셀렉터(:checkbox)를 제공한다. 이를 사용하면 input[type=checkbox] 와 같은 의미가 돼 코드가 짧아진다.  jQuery는 다음과 같이 input 태그의 type들에 대한 셀렉터를 콜론(:)을 통해 제공한다. 자세한 사용법을 알고 싶다면 http://api.jquery.com/ 참고  (ctrl + F 눌러 :checkbox 검색)

다음과 같이 아무것도 체크하지 않고 클릭하는 경우 alert이 발생하고 같은 페이지를 재호출하도록 해 500 Error 방지할 수 있다.