본문 바로가기

#jQuery

제이쿼리(jQuery) Select(셀렉트 박스) 사용법 정리 안녕하세요. 루미오입니다. jQuery에서의 Select 사용법을 정리해 보겠습니다. 순서 ● HTML Select 선언 ● 변경 감지 (Change Event) ● Value 알아내기 ● Value 바꾸기 ● 개수 확인 ● Select Box Disabled ● Option Disabled ● 전체 Source Code & 바로 Test [jsfiddle] 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. ● HTML Select 선언 Indian-Red Red Dark-Red Light-Green Green Dark-Green Light-Blue Blue Dark-Blue Gray Black tag를 사용하고 id, name, value를 설정할 ..
제이쿼리(jQuery) Checkbox 사용법 정리 안녕하세요. 루미오입니다. jQuery에서의 Checkbox 사용법을 정리해 보겠습니다. 순서 ● HTML Checkbox 선언 ● Checkbox 변경 감지 (Change Event) ● Checked 여부 확인 ● 상태 바꾸기 (Checkbox 1개) ● 상태 바꾸기 (Checkbox 전체) ● Checkbox Value 알아내기 ● Checkbox 개수 확인 ● Checkbox Array에 넣기 ● Disabled 확인 ● Disabled 설정/해제 ● 전체 Source Code & 바로 Test [jsfiddle] 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. ● HTML Checkbox 선언 PINK RED ORANGE YELLOW GRE..
자바스크립트(JavaScript), 제이쿼리(jQuery) 페이지 이동(redirect) 안녕하세요. 루미오입니다. JavaScript와 jQuery에서 페이지 이동 방법을 알아보겠습니다. 순서 ● JavaScript의 페이지 이동 ● jQuery의 페이지 이동 ● Test Source Code JavaScript의 페이지 이동 /* assign 방식 */ window.location = "https://loomio.kr"; window.location.href = "https://loomio.kr";// window.location 동일함. window.location.assign("https://loomio.kr");// window.location 동일함. /* replace 방식*/ window.location.replace("https://loomio.kr"); assign방식(2,..