본문 바로가기
공부/자바스크립트 jQuery

jQuery) 폼 필드 선택자

by Ohming 2012. 1. 30.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
귀찮아서 안적어 놓을까도 했는데 ㅠㅠ
인터넷에 찾아보니 없다.
날 위해서라도 적어 놓아야겠다.
$(':input') - 모든 폼 HTML 요소를 선택한다.
$(':text') 이렇게 jQuery 형식으로 :password, :radio, :checkbox, :submit, :image, :reset, :button, : file, :hidden
이 있고, 사용할 수 있다. 그리고 폼 선택자를 다른 선택자와 조합해서 사용할 수도 있다.
선택하려는 폼이 signup이라는 아이디를 가지고 있고, 이 폼에 있는 텍스트 필드를 선태하려고 한다면
$('$signup :text') 로 사용할 수 있다.

그리고 jQuery는 특정 상태와 일치하는 폼 필드를 찾을 수 있는 유용한 필터도 제공한다.
:checked 는 체크된 모든 필드를 선택한다. (라디오버튼이나 체크박스에서 선택한것만 골라낼때 유용할 것 같다.)
예로 var checkedValue = $('input[name=email]:checked').varl();
이렇게 사용할 수 있다.
:selected 는 목록이나 메뉴에서 선택된 옵션 HTML 요소를 선택한다.
var selectedState = $('#state :selected').val();

'공부 > 자바스크립트 jQuery' 카테고리의 다른 글

jQuery) 폼 Focus  (0) 2012.01.30
jQuery) Submit (전송버튼)  (0) 2012.01.30
탐색 메뉴  (0) 2012.01.25
jQuery) 새 창을 여는 이벤트  (0) 2012.01.25
jQuery) 새 창에서 외부 링크 열기  (0) 2012.01.25

댓글