jquery_jquery의 필터를 통해 양식 요소를 얻기 위한 구현 코드

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

코드 복사 코드는 다음과 같습니다.

주문 번호: label>

주문 소유자:

红
노란색
파란색
녹색

1옵션>
2개 선택3옵션>4개 선택옵션> /select>

p id="cc ">

JavaScript 코드 :




코드 복사

코드는 다음과 같습니다.

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");
}) ;
script>


여기서 몇 가지 주의할 점이 있습니다:
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)

})()

})



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