jquery_jquery의 필터를 통해 양식 요소를 얻기 위한 구현 코드-JS 튜토리얼-php.cn

:enable 입력이 가능한 요소를 가져옵니다 :disabled 입력이 불가능한 요소를 가져옵니다 :checked 선택한 양식 요소를 가져옵니다 :selected 드롭다운 상자에서 선택한 요소를 가져옵니다 살펴보겠습니다. 예시 Html

코드 복사 코드는 다음과 같습니다. 주문 번호: 주문 소유자: 红 노란색 파란색 녹색 1 2개 선택 3 4개 선택 /select> p id="cc ">

JavaScript 코드 :

코드 복사

코드는 다음과 같습니다.

jQuery(function(){ $("input:text:disabled").val("입력할 수 없습니다"); $("input:text: 활성화됨").val("입력 가능"); ( function checkboxclick(){ $(":checkbox").unbind("click",checkboxclick); var vv= ''; $( ":checkbox:checked").each(function(){ vv =$(this).val() ","; }); "#cc").html( "선택한 데이터:" vv) $(":checkbox").click(checkboxclick) } )() $("select" ).change(function() { var tt=''; $("선택 옵션:선택").each(function(){ tt =$(this).text() " ,"; } ); $("#option").html("선택한 항목은 다음과 같습니다:" tt); }).trigger("change"); }) ;

여기서 몇 가지 주의할 점이 있습니다: 1 앞에서 언급했듯이 바인딩은 이벤트를 바인딩하는 데 사용되므로 여기서 바인딩을 해제하면 이벤트가 취소됩니다. 2 Trigger() 메서드는 선택한 요소에 대해 지정된 이벤트 유형을 트리거합니다. 3 jQuery(function(){에 함수를 추가할 때 다음과 같이 바깥쪽에 괄호를 추가하고 뒤에 괄호를 추가합니다. jQuery(function(){ ( function check( ) { })() }) 4 구현 계층에서 확인란을 선택하고 다른 요소에 값을 할당합니다. html

코드 복사

코드는 다음과 같습니다.

;input type="button" id="btn1" value="pop-up" /> red 노란색 파란색 녹색 흰색 黑 >

javascript

코드 복사

코드는 다음과 같습니다.

jQuery(function(){ ( function checkboxclick(){ $(":checkbox").unbind("click",checkboxclick); var vv ='' ; $(":checkbox:checked").each(function(){ vv =$(this).val() ","; }) $( "#cc ").html("선택한 데이터:" vv) $(":checkbox").click(checkboxclick) })() })

렌더링은 다음과 같습니다.