목록라디오 (4)

투케이2K

75. (jquery/제이쿼리) change , each , checked 사용해 실시간 라디오 (radio) 버튼 클릭 변경 상태 확인

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery ​ [소스 코드] ​ ​ Numbers 1 2 3 4 [결과 출력] ​ ​
Jquery 2022. 12. 2. 16:14
33. (jquery/제이쿼리) radio 라디오 버튼 그룹 강제 클릭 이벤트 및 선택한 value 값 확인

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery [소스 코드] ​ [결과 출력] ​
Jquery 2021. 8. 19. 11:37
27. (jquery/제이쿼리) 그룹 라디오 radio 버튼 선택 번호 확인 실시 - length , val 폼 양식 설정 값 확인

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : jquery [소스 코드] ​ [결과 출력] ​ ​ [요약 설명] ​ /* [JS 요약 설명] 1. window.onload : 브라우저 로드 완료 상태를 나타냅니다 2. $(":input:radio[name='qna_1_group']").length : qna_1_group 그룹으로 설정된 라디오 개수를 확인합니다 3. $(":input:radio[name='qna_1_group']:checked").val() : 선택된 라디오 버튼 value 값을 확인합니다 4. val : val()은 양식(form)의 값을 가져오거나 값을 설정하는 메소드입니다 5. 참고 : 선택된 라디오 버튼이 없을 경우 >> undefined 을 반환합니다 */
Jquery 2021. 7. 30. 08:33
66. (html/css/javascript/jquery) radio 라디오 버튼 그룹 생성 및 커스텀 색상 정의 실시

[개발 환경 설정] ​ 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery [css 소스 코드] /* [html, body 영역 스타일 지정] */ html, body { width : 100%; height : 100%; margin : 0; padding : 0; border : none; /* [모바일 스크롤 시 부드럽게 처리] */ overflow:scroll-y; -webkit-overflow-scrolling:touch; } /* [body 스크롤바 메인 스타일 지정] */ body::-webkit-scrollbar { width: 0px; background-color: #c1c1c1; } /* [body 스크롤바 thumb 스타일 지정] */ body::-webk..
FrontEnd 2021. 7. 30. 08:12
Prev 1 Next