'jquery 예제'에 해당되는 글 1건

■ jQuery 를 이용하여 id, class, name 의 input value 값 가져오기

위와 같은 input tag 가 있다고 가정 하겠습니다. 

이 input tag 에 id, class, name 값을 각각 지정 했습니다. 

버튼을 하나 만들어서 클릭 이벤트 발생 시 getInputValue() 라는 함수가 호출 되도록 했습니다. 

이제 getInputValue() 라는 함수를 정의해야 합니다. 

첫번째 input tag 의 value 값을 가져 오는 방법은 아래와 같이 세가지가 있습니다. 

▶ id 값 기준으로 가져 오기

var valueById = $('#inputId').val();

# 은 아이디를 의미

▶ class 값 기준으로 가져 오기

var valueById = $('.inputClass').val();

. 은 클래스를 의미

▶ name 값 기준으로 가져 오기

var valueById = $('input[name=inputName]').val();

위와 같은 방법으로 id, class, name 별로 값을 가져 올 수 있습니다. 

실제 호출 하는 예제를 보시겠습니다. 

위 코드들을 이용 하면 아래와 같은 결과물을 보실 수 있습니다.

input 에 값을 입력 후 Get Value 버튼을 클릭 하시면 입력된 값이 리턴 되는 것을 확인 할 수 있습니다. 

▼ 도움이 되셨다면 로그인이 필요 없는 ▼

▼ 하트 클릭 한번 부탁 드립니다 ▼

감사합니다 :D