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

라디오는 사용자 선택 효과를 달성하기 위해 개발에 자주 사용됩니다. 프로젝트에서 라디오를 작동하기 위해 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);