madori4 madori4

체크박스 예외처리에 이어 전체선택, 해제 예제 포스팅 다음과 같이 jsp파일에 체크박스 하나 추가 후 id 부여한다. 이후 다음과 같이 Script 코드 작성 $("#checkAll").click(function(){ // 전체 선택 버튼 클릭시 var checked = $(this).prop("checked"); if(checked){ $(":checkbox[name=checkbox]").prop("checked", true); } else { $(":checkbox[name=checkbox]").prop("checked", false); } }); prop은 property의 약자로 속성을 의미하고, 태그의 attr 값들의 getter / setter 역할을 수행한다. 다음과 같이 checked 변수..

체크박스, 셀렉터를 함께 포스팅했던 예제가 있다. 그 예제에서는 아무것도 체크하지 않고 요청을 하는 경우 예외처리를 위해 서블릿에서 getParameterValues를 통해 받은 String 배열이 null인지 확인하는 절차가 필요했다. 공부하면서 이를 jQuery를 통해 서블릿에 요청 보내기 전에 확인할 수 있는 방법에 대해 포스팅 좌상단 '선택 사진 삭제' 버튼에 클릭이벤트를 작성한다. 작성자는 id를 delete로 해두었기 때문에 $("#delete").click 을 호출한다. $("#delete").click(function(){ if( $("input[type=checkbox][name=checkbox]:checked").length == 0 ){ alert("삭제할 항목을 하나이상 체크해요."..

JSP 체크박스(checkbox), 셀렉트/옵션(select/option) 는 웹사이트를 구성하는 데 필수적인 태그들이다. 실무 사용 패턴 포스팅 1. 체크박스 빨간 박스 부분으로 태그당 하나가 생성된다. 체크박스의 특징은 특정한 데이터만을 취사선택 할 수 있다는 것이다. JSP에서는 이를 지원하기 위해 name 속성을 제공한다. 같은 name 속성을 가지고 있는 태그들의 값을 서블릿에서 String 배열로 받을 수 있다. 서블릿은 배열을 받기 위해 사용하던 메소드 request.getParameter 대신 request.getParameterValues를 사용한다. 2. 셀렉트 / 옵션 셀렉트는 녹색 박스 부분으로 여러가지 옵션 들 중 하나를 선택할 수 있는 박스를 의미한다. 여기서 셀렉트는 옵션들을 ..