반응형 체크박스 반응형 4 [JQuery] 쿠키로 아이디 저장하는 방법!! 쿠키로 아이디를 저장하고 아이디를 지우는 방법에 대해 포스팅해보겠습니다. 흔히 말하는 로그인할때 아이디저장 기능입니다. 보통 아래 화면처럼 되어있죠~ 아이디 저장하는 방법에는 여러가지가 있습니다. 서버에서 저장하는 방법도 있지만... 오늘 정리할 스크립트에서 쿠키를 설정하고 지우는 방법도 정리해보겠습니다. 요즘 가장 인기가 있는 JQUERY 를 이용해보았습니다 ㅎㅎ HTML 우선 HTML 소스입니다. 머 흔히 사용하는 로그인 폼이죠 여기서 중요한 것은 form 태그에 onsubmit을 통해서 action되기 전에 스크립트를 거치도록 해야합니다. 즉, 로그인 버튼을 누르면 onsubmit을 통해서 frm_check 함수를 거치고 서버로 이동하게 됩니다. 1 2 3 4 5 6 7 8 9 10 11 12 13.. 2021. 8. 7. [Jquery]체크박스 전체선택 및 전체해제 또는 특정선택 제어기능 안녕하세요. 오늘은 체크박스 관련된 제이쿼리를 소개하려합니다. 아래 사진과 같이 전체를 선택하면 전부 선택하는 기능은 화면상으로 복잡할 여지가 있습니다. 해서, 복수로 선택하되, 전체를 눌렀을 경우 모두 해제되고 ‘전체’만 선택될 수 있도록 하는 제이쿼리를 정리해보려 합니다. 번외로 특정선택을 할 수 있는 제어기능도 정리하려 합니다. Jsp 1 2 3 4 5 전체 테스트1 테스트2 테스트3 테스트4 cs 우선 jsp에서는 input type에 체크박스를 넣어 체크박스 형태를 만들어줍니다. 문을 통해서 특정 값일 경우 checked를 할 수 있도록 합니다. Onclick 함수 기능은 아래에서 별도로 소개하겠습니다. Jquery 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18.. 2020. 12. 22. 체크박스(checkbox) 클릭 시, 활성화/비활성화 방법 (2021년 4월 11일에 내용을 수정하였습니다.) 등록페이지에서 유형에 따라 입력 가능/불가능 항목들이 존재합니다. 특정 체크박스 값에 따라 비활성화되고 다시 활성화되는 소스 코드를 정리해보겠습니다. 우선 결과 화면입니다. 다른곳을 클릭할 시의 활성화 특정 체크박스를 클릭시 비활성화 JSP 일반 체크박스 값들을 여러 개 설정해주었는데 여기서 특정 체크박스만 반응하도록 설정하기 위해서 예비창업자란 항목의 id값을 다른 값들과 달리 주었습니다. 그리고 해당되는 부분들에 대해 클래스에 applicable이란 놈을 넣어줍니다. 그래서 이녀석들을 일괄적으로 적용시키는거죠. 아이디값은 문서상 한개만 사용되는 규칙이 있기때문에 중복해서 만들어 주기가 곤란합니다. 그래서 중복 가능한 클래스를 여러개 만드는거죠! 1 .. 2020. 10. 2. [JQuery] 여러 체크박스 클릭 시, 하나만 선택하는 방법 여러 체크박스 클릭 시, 하나만 선택하는 방법 체크박스가 여러 개 있으면 하나만 선택되는 것이 아닌, 체크하는 만큼 클릭이 됩니다. 이것은 라디오 버튼과 별개로 체크박스 특성때문인데요. 제이쿼리를 이용하여 해결할 수 있습니다. JSP 우선 JSP 입니다. 여기에서는 제이쿼리에서 사용할 name값을 설정해줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 기업종류 Colored by Color Scripter cs JQUERY 그 다음 제이쿼리입니다. 여기서 사용되는 prop() 메소드입니다. Prop()는 지정된 선택자를 가진 첫번째 요소의 속성값을 가져오거나 속성값을 추가하며, javascript의 속성(propert.. 2020. 9. 15. 이전 1 다음
