양식 처리를 위한 jQuery 코드 elements_jquery

1. 입력 클래스 값 가져오기: $("input").val();

2. 텍스트 영역 클래스 값 가져오기: $("textarea").val(); >
3. 선택 클래스의 값을 가져옵니다: $("select").val()

양식에 여러 입력 클래스(또는 텍스트 영역 클래스 및 선택 클래스)가 포함된 경우 위의 방법을 사용합니다. 메소드는 하나의 배열을 얻습니다. 물론 이러한 컨트롤에 ID를 추가하여 특정 컨트롤의 값을 가져올 수 있습니다(예: $("input#myID").val()).

다음은 각 컨트롤의 값 방법을 하나씩 소개합니다.

1. 입력 유형="텍스트" 한 줄 텍스트 입력 상자 및 입력 유형="비밀번호" 입력 상자

$("input").val();2. input type="radio" 라디오 버튼

$("input:checked").val(); , 선택한 라디오 버튼의 값을 가져옵니다. 3. input type="checkbox" 체크 박스(주목할 만함)

$("input:checked").each(function(index){
$(" #result").append($(this).val() " ");
});
//체크박스 선택 결과는 대개 1보다 크기 때문에 결과는 배열입니다.
//선택한 값을 하나씩 꺼내려면 .each() 메소드를 사용하세요.
//여기 결과는 ID가 "result"인 단락에 추가됩니다. 4. 입력 유형="제출"(양식 제출 버튼)

값 방법 및 한 줄 텍스트 입력 상자 방법 동일하지만 실제적인 의미는 없습니다.

5. textArea 여러 줄 텍스트 입력 상자

$("textarea").val();6. 선택 드롭다운 상자(단일 선택 및 다중 선택)

$ ("select").val();
//참고: 확인 선택인 경우 결과는 쉼표로 구분된 문자열입니다(예: "하나 선택, 둘 선택"). 참고:

는 일반적으로 양식이 제출된 후 양식 요소의 값을 사용합니다. jQuery에서는 다음 명령문을 사용하여 판단할 수 있습니다.
$("form").submit(function(){
$("input").val();
}); 양식 요소의 값을 설정하려면 설정할 값을 전달 매개변수로 사용하세요(예: $("input")). val("jb51.net");