jQuery3 prop()으로 체크박스 선택/해제 기능 구현 prop()의 경우Javascript로 속성값을 가져오거나 수정할때 사용된다. .prop("propertyName")의 경우 속성값을 가져오고 .prop("propertyName", value)는 속성값을 추가해준다. 이 경우 게시판에서 전체선택을 누르면 그 아래 해당되는 체크박스를 모두 선택하게 하기 위해서 쓴 것이다. 전체선택("#allCheck")을 click하면 name이 noList인 체크박스로 가서 선택을 해주는데, 단순히 체크만 되게 하려면 이렇게 하면 되겠지만, 이 경우 전체 선택을 해제하려고 할때는 전체 선택만 해제되고, 그 아래 선택되었던 체크박스들은 체크된 상태를 유지한다. 그래서 이렇게 $("#allCheck").prop("checked") 를 추가하여 이게 true 일때는 아래 n.. 2023. 3. 20. 수정)게시판 내 삭제 기능 jsp작성 도중 풀리지 않는 의문 해결! 수정 삭제 게시판에서 글을 삭제할때 삭제 버튼을 누르면 링크로 넘어가는게 아니고 JS 로 넘길 때 안에 "javascript: 넘길 함수" 로 해서 요기로 넘기고 confirm 으로 다시 한번 정말로 삭제할지 물어보고 boardDel.jsp로 넘기는데 if(result>0){ //삭제하면 글 목록 response.sendRedirect(request.getContextPath()+"/board/boardList.jsp"); }else{ // 삭제가 이뤄지지 않으면 글 내용보기 response.sendRedirect(request.getContextPath()+"/board/boardView.jsp?no="+no); } BoardDAO에 있는 삭제를 담당하는 메소드에서 delete되고 다시 위에 코드블럭으.. 2023. 2. 21. jquery를 위한 JS 복습 $(function(){ $("#f>li:nth-child(3n+1)").css('background','orange');//이건 또 1,2,3...임 // addClass() - 클래스추가 // removeClass() - 클래스 지우기 // toggleClass() - $("#f>li").eq(1).addClass('c1'); $("#f>li").eq(1).removeClass('c1'); $("#f>li").eq(2).addClass('c2'); $("#f>li").eq(2).addClass('c3'); $("#f>li").eq(2).removeClass('c3'); $("#f>li").eq(4).toggleClass('c3'); $("#f>li").eq(4).toggleClass('c3'); }).. 2023. 2. 20. 이전 1 다음
