에스제이

반응형

[JQUERY] inputbox readonly/disabled 처리하는 방법

안녕하세요, 오늘은 Jquery로 input box를 비활성화하는 방법에 대해서 알아보도록 하겠습니다. 개발을 하다 보면 가끔 input box를 활성화/비활성화 컨트롤을 해야 할 경우가 발생하는데요, 하나씩 기능에 대해서 알아봅시다. 1. readonly input box에 readonly 적용 시 value 수정이 불가능함. 읽기전용으로 설정된 필드는 수정은 불가능하지만, 복사는 가능. 2. readonly 예제 모든 INPUTBOX 읽기전용 설정하기 : $('input').prop('readonly', true); 모든 INPUTBOX 읽기전용 해제하기 : $('input').prop('readonly', false); See the Pen input readonly by seo (@seungbly..
개발/Jquery | Javascript 2022. 5. 20. 00:13

[JQUERY] INPUT 박스 한번에 초기화하는 방법, form 초기화

안녕하세요, 오늘은 JQUERY에서 전체 INPUT BOX를 초기화하는 방법에 대해서 알아보도록 하겠습니다. 1. form 한 번에 초기화하는 방법 1 $('#form-name')[0].reset(); select1 select2 select3 select4 select5 select6 라디오1 라디오2 초기화하기 $("#reset").click(function(){ $("#frm-reset")[0].reset(); }); See the Pen Untitled by seo (@seungbly) on CodePen. 2. form 한 번에 초기화하는 방법 2 select1 select2 select3 select4 select5 select6 라디오1 라디오2 See the Pen Untitled by s..
개발/Jquery | Javascript 2022. 5. 19. 00:18

[JQUERY] 항상 최신버전 CDN 불러와서 사용하기

안녕하세요, 오늘은 JQUERY를 CDN으로 불러오는 방법에 대해서 알아보도록 하겠습니다. 웹사이트를 개발하기 위해서는 필수 요소 중에 하나인 JQUERY 라이브러리를 참조해야 하는데, https://jquery.com 사이트에서 라이브러리를 직접 다운받아서 사용하거나, CDN을 이용하여 사용하는 방법이 있습니다. 우선 간략하게 JQUERY, CDN에 대해서 알아봅시다. 1. JQUERY란? jquery는 client HTML 스크립팅을 간소화하기 위해 2006년 존 레식이라는 개발자가 고안한 크로스 플랫폼 자바스크립트 라이브러리입니다. 여러 웹 브라우저에서 동작하기 쉬운 API를 통해 이벤트 처리, 애니메이션, AJAX통신, HTML 탐색 및 조작을 간단하게 만들어줍니다. 또한 MIT 라이선스 오픈소스..
개발/Jquery | Javascript 2022. 5. 11. 04:36

[ JQUERY ] 로딩 함수 ready, onload 먼저 수행되는 함수는?

안녕하세요, 오늘은 페이지 로딩 시 바로 수행되는 함수 중 Window.onload와 $(document).ready()함수의 차이점에 대해서 알아보도록 하겠습니다. 두 함수의 차이점은 호출 시점으로 확인할 수 있는데요, 자동 실행 함수를 알아보기전에 웹 브라우저가 어떻게 동작하는지 실행 원리에 대해서 선행학습이 되어야 합니다. 1. 웹 브라우저 동작 순서 사용자 접속( 웹 브라우저 시작 ) 브라우저가 웹 문서 읽기 수행 DOM 생성 웹 브라우저 STATIC(IMG, CSS, JS)등 정보 로드 시작 웹 브라우저 로딩이 완료 및 화면이 모두 생성됨 2. window.onload window.onload() = function() { console.log('window onload : start'); } ..
개발/Jquery | Javascript 2022. 5. 6. 06:24

[Jquery] checkbox 값 가져오기, 선택하기, checked처리

이번포스트에서는 jquery를 활용하여 checkbox, raidobox를 제어해보도록 하겠습니다. 1.) checkbox checked 여부 ( id로 체크하는 경우 ) $('input:checkbox[id="checkbox_id"]').is("checked")==true 2.) checkbox checked 여부 ( name으로 체크하는 경우 ) $('input:checkbox[name="checkbox_name"]').is(":checked") == true $('input[name="checkbox_name"]').is(":checked") 3.) checkbox 갯수 확인 ( 전체 갯수 ) $('input:checkbox[id="checkbox_name"]').length 4.) checkbox..
개발/Jquery | Javascript 2020. 12. 29. 15:21
◀ 1 ▶
반응형

티스토리툴바