Jquery 지식 점 3 jquery 폼 개체 조작

4959 단어 jquery폼 개체
Jquery 에서 이 세 가지 함수 가 매개 변수 가 있 으 면 할당 작업 이 고 매개 변수 가 없 으 면 값 을 추출 하 는 작업 입 니 다.그 중에서 val()은 매우 중요 한 방법 입 니 다.이와 관련 된 폼 대상,예 를 들 어 input 계열 의 태그,select,textarea 등 은 모두 서버 와 상호작용 을 하 는 태그 요소 이기 때문에 이 val()을 알 아야 합 니 다.radio,checkbox,select 의 할당 작업:
 
$("input[name=a]").val([" 1"]);
$("input[type=checkbox]").val([" ", " "]);
$("select").val([" ", " "]);
코드 분석:radio 할당,속성 선택 기 에 radio 를 가 져 옵 니 다.checkbox 할당,속성 선택 기 에 checkbox 를 가 져 옵 니 다.할당 은 중 괄호[]를 사용 합 니 다.여러 값 이 라면 중간 에 쉼표 로 구분 합 니 다.select 할당 에 대해 서 는 태그 선택 기 를 통 해 select 를 가 져 옵 니 다.radio,checkbox,select 의 값 추출 작업:
 
var checkvalue = "";
var s = $("input[name=a]:checked").val();
$(":checkbox:checked").each(function() {
checkvalue += $(this).val();
});
var selectvalue = "";
$("select :selected").each(function() {
selectvalue += $(this).val();
});
alert("checkvalue:" + checkvalue + "radiovalue:" + s + "selectvalue:" + selectvalue);
코드 분석:하나의 s 변 수 를 name=a 의 radio 를 받 는 데 사용 하 는 값 을 설명 하고 var s=$("radio:checked")를 작성 할 수 있 습 니 다.val():radio 는 type=radio 의 input 요소 로 이해 할 수 있 으 며 속성 선택 기의 간단 한 쓰기 입 니 다.checkbox 의 선 택 된 값 을 가 져 옵 니 다.checkbox 는 다 중 선택 상자 이기 때문에 각각의 선택 항목 을 처리 해 야 합 니 다.속성 선택 기 에 따라 작성 할 수도 있 습 니 다.$("input[type=checkbox]:checked");select 속성 multiple="multiple"일 때 여러 번 선택 할 수 있 습 니 다.여기 서도 each 로 옮 겨 다 니 며 처리 할 수 있 습 니 다.소결:input 계열 의 태그 요 소 는 속성 선택 기 를 사용 하여 가 져 올 수 있 습 니 다.$("input[type=checkbox]")도 간결 한 방식 으로$("checkbox")를 사용 할 수 있 습 니 다.유사 한 것 은 radio,:submit,:image,:reset,button,:file,hidden,password,:text,$(":input")모든

좋은 웹페이지 즐겨찾기