>  기사  >  웹 프론트엔드  >  jQuery 설정 라디오 버튼 라디오 선택 및 선택 취소 예제에 대한 자세한 설명

jQuery 설정 라디오 버튼 라디오 선택 및 선택 취소 예제에 대한 자세한 설명

伊谢尔伦
伊谢尔伦원래의
2017-06-28 13:13:313400검색

이 글은 jQuery설정라디오 버튼라디오 선택/사용 불가 예제 코드 관련 정보를 주로 소개하고 있어서 매우 좋고 참고할만한 부분이 있으니 이 부분은 "jQuery" 이기 때문에 참고하시면 됩니다. 장"이므로 모두 특정 요구 사항에서 시작하여 사용해야 하는 지식 포인트를 요약합니다. 목표를 달성하는 한 코드는 제대로 작성되지 않을 수 있습니다. 그럼 이번에는 먼저 요구 사항을 살펴보겠습니다. 컬러 블록 모드는 컬러 모드를 기반으로 합니다. 즉, 컬러 블록은 컬러가 꺼진 경우에만 켜질 수 있습니다. 컬러 블록은 컬러 모드를 사용할 수 없습니다. 컬러 블록 라디오는 컬러가 켜져 있을 때 사용 가능하며, 컬러 블록이 켜져 있으면 꺼야 합니다.

먼저 데모를 살펴보겠습니다.

jQuery의 라디오 버튼 라디오 작동을 살펴보겠습니다.

1. 색상이 꺼져 있으면 색상 블록을 사용할 수 없습니다.페이지가 열리면 색상이 꺼져 있는지 감지하고 색상 블록을 "켜짐"으로 설정할 수 없습니다.

if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}

또한, 색상이 켜지고 꺼질 때, 즉 켜짐에서 전환될 때 색상 블록을 켤 수 없도록 만들고 동시에 색상 블록 끄기를 선택합니다:

$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})

2. 색상이 꺼졌다 켜졌을 때 색상 블록을 사용할 수 있도록 하면 간단합니다.

$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})
전체 코드는 다음과 같습니다.

$(document).ready(function(){
if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}
$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})
$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})
});

몇 가지 지식 포인트 추가: 체크박스, 라디오 이

컨트롤

readonly속성이 없으며 "사용 가능/사용 불가능" "상태를 전환하려면 비활성화된 속성을 사용해야 합니다. 라디오를 사용할 수 없도록 설정하려면 attr() 메서드, 즉 attr("disabled", true)를 사용할 수 있습니다.

라디오의 선택된 상태를 설정하는 데에도 attr() 메서드인 attr("checked",true)가 사용됩니다.

위 내용은 jQuery 설정 라디오 버튼 라디오 선택 및 선택 취소 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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