본문 바로가기

프로그래밍/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) Radio(라디오 버튼) 사용법 정리 안녕하세요. 루미오입니다. jQuery에서의 Radio 사용법을 정리해 보겠습니다. 순서 ● HTML Radio 선언 ● Radio 변경 감지 (Change Event) ● Checked/Unchecked 찾기 ● 상태 바꾸기 (Radio 1개) ● 상태 바꾸기 (전체) ● Radio Value 알아내기 ● Radio 개수 확인 ● Disabled 확인 ● Disabled 설정/해제 ● 전체 Source Code & 바로 Test [jsfiddle] 하단의 → 코드 확인 및 테스트 버튼을 클릭하면 jsfiddle에서 바로 Test해 보실 수 있습니다. ● HTML Radio 선언 Colors PINK RED ORANGE YELLOW GREEN CYAN tag에 type은 radio를 사용하고 id, na..
제이쿼리(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..