[jQuery] 입력 요소 값 가져오기

입력 요소 값 가져오기

---

값 설정하기

$("셀렉터").val("내용");

값 읽어 오기

text, select(드롭다운)

var input = $("셀렉터").val();

드롭다운요소의 경우 사용하지 않은 <option> 태그라 하더라도 value 속성값을 부여해야한다.

<select name="foo">
    <option value="">--- 선택하세요 ---</option>
    <option value="bar">item 1</option>
</select>

라디오 버튼의 경우

 - 셀렉터가 여러개를 의미하는 경우이므로 그 중에서 선택된 항목만 지정하는 셀렉터를 사용해야 한다.

 - 라디오는 하나만 선택 가능하므로 가져온 결과 자체는 단일 값이다.

var input = $("셀렉터:checked").val();

체크박스의 경우

 - .checked 가상클래스를 통해 가져온 대상이 배열상태가 되므로 이를 반복문으로 처리해야 한다.

 - 배열의 요소는 선택된 체크 박스들에 대한 HTML 태그가 된다.

 - 그러므로 각 HTML 태그를 다시 jQuery 객체로 변환하여 사용해야 한다.

var input = $("셀렉터:checked");
for( var i=0; i<input.length; i++){
    var tmp = $(input[i]);
    ...
}

포커스 강제 지정

$("셀렉터").focus();