> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 사용하여 Radio를 작동하는 방법 요약

jquery_jquery를 사용하여 Radio를 작동하는 방법 요약

WBOY
풀어 주다: 2016-05-16 16:33:16
원래의
1195명이 탐색했습니다.

라디오는 사용자 선택 효과를 달성하기 위해 개발에 자주 사용됩니다. 프로젝트에서 라디오를 작동하기 위해 JQUERY를 사용하는 몇 가지 방법을 여기에 공유하여 배우고 싶은 친구들을 위해 공유하겠습니다.

1. 라디오 선택을 변경하고 일부 효과를 실행합니다

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

$("input:radio[name='dialCheckResult']").change(function (){ //다이얼
경고(“123”);
});

2. 페이지의 모든 라디오를 사용 가능하게 만듭니다.

$("input:radio").attr("disabled",false);

3. 페이지의 모든 라디오를 사용할 수 없도록 설정합니다.

$("input:radio").attr("비활성화됨","비활성화됨");

4. 라디오를 선택하세요.

$("input:radio[name='dialCheckResult']").eq(0).attr("checked",true);

5. 페이지에서 '선택되지 않은' 라디오를 사용할 수 없게 만듭니다.

$("input:radio:not([checked])").attr("disabled","disabled");

6. 선택한 상태의 라디오를 탐색합니다. 하나의 라디오를 제외하고 다른 '선택' 상태의 라디오 설정은 '선택 취소' 상태입니다.

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

$('입력:라디오:체크됨').each(함수(i,val){
if(val.name != "dialCheckResult" ){
$("input:radio[name='" val.name "']:checked").attr('checked',false);
}
});

7. "선택되지 않은" 모든 라디오를 사용할 수 없게 만듭니다.

$("input:radio:not([checked])").attr("disabled","disabled");

8. 선택한 특정 NAME의 라디오 값을 가져옵니다.

var dialCheckResult=$("input:radio[name='dialCheckResult']:checked").val() ;

9. "선택" 상태였던 모든 라디오를 "선택 해제" 상태로 전환합니다.

$('input:radio:checked').attr('checked',false);

10. 페이지의 모든 라디오를 "선택됨" 또는 "선택 취소됨" 상태로 설정합니다.

$("input:radio").attr("checked",true);

$("input:radio").attr("checked",false);

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿