>  기사  >  웹 프론트엔드  >  jQuery 연산 입력 유형=라디오 구현 code_jquery

jQuery 연산 입력 유형=라디오 구현 code_jquery

WBOY
WBOY원래의
2016-05-16 17:52:541164검색


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

베이징
천진
< input type="radio" name="city" value="NanJing">난징
양저우
Suzhou

1. 선택한 라디오의 값을 가져옵니다:

코드 복사 코드는 다음과 같습니다.
$("input[name='city']:checked").val( );


요소 선택기를 사용한 다음 속성 필터 name='city'를 사용하고 마지막으로 다음을 사용하여 선택한 요소를 선택합니다.

2. 지정된 값으로 라디오의 선택된 상태를 설정합니다.

코드 복사 코드는 다음과 같습니다.
$("input[name='city'][value='YangZhou']").attr("checked",true)


name="city"를 지정하고 값이 "YangZhou"인 라디오 설정이 선택됩니다.

3. name="city"인 라디오 선택을 취소합니다.

코드 복사 코드는 다음과 같습니다. :
$('input[name="city"]:checked').attr("checked",false)


4. name="city" 가져오기 라디오 수:

코드 복사 코드는 다음과 같습니다.
$("input[ name ='city']").length;


5. name="city"로 라디오를 가져오고 색인은 짝수입니다.

코드 복사 코드는 다음과 같습니다.
$("input[name='city']:even")


인덱스는 0부터 시작합니다.

 6. 이름이 "city"이고 색인이 홀수인 라디오를 가져옵니다.

코드 복사 코드는 다음과 같습니다.
$("input[name='city']:odd")


인덱스는 0부터 시작합니다.

7. 라디오 반복:

코드 복사 코드는 다음과 같습니다.
$ ("input[name='city']").each(function(i,obj){
//i, 0부터 시작하는 반복의 첨자
//obj, 현재 object (HTMLInputElement) , obj.value 형식을 사용하여 속성 값을 가져올 수 있습니다.
//$(this) 현재 jQuery 개체에 대해 $(this).val() 을 사용하여 속성 값을 가져올 수 있습니다.
});

name="city"로 라디오를 반복합니다.

8. 라디오 비활성화:

코드 복사 코드는 다음과 같습니다.
$ ("input[name='city']").attr("disabled",true);


name="city"로 라디오를 비활성화합니다.

9. 라디오 활성화:

코드 복사 코드는 다음과 같습니다.
$ ("input[name='city']").attr("disabled",false);


name="city"로 라디오를 활성화합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.