이 문서는 JavaScript에서 HTML DOM 입력 라디오 '선택됨' 속성의 목적, 기능 및 사용법을 보여줍니다.
JavaScript에서 HTML DOM Input Radio 'checked' 속성은 무엇입니까?
입력 라디오 '선택됨' 속성은 HTML 양식 및 입력 필드에서 작동하여 '라디오' 버튼의 상태를 설정하고 확인합니다.
구문(체크 속성 설정)
radioObject. 체크 = 진실 | 거짓정의된 반환 구문에 따라 'checked' 속성은 아래 나열된 두 매개 변수를 지원합니다.
- 진실: 해당 요소가 체크되었음을 나타냅니다.
- 거짓: 해당 요소가 체크되지 않았음을 나타냅니다.
구문(확인된 속성 반환)
radioObject. 체크위 구문에서 ' radioObject '는 HTML '을 의미합니다. <입력> ” 유형이 “라디오”인 요소.
위에서 정의한 구문을 사용하여 주어진 실제 예를 통해 HTML DOM Input Radio 'checked' 속성의 사용을 설명하겠습니다.
예 1: 입력 라디오 'checked' 속성 적용 기본 구문 사용
첫 번째 예에서는 정의된 일반 구문을 사용하여 'checked' 속성을 설정하기 위해 'Radio' 버튼을 만듭니다.
HTML 코드
먼저 명시된 HTML 코드를 살펴보십시오.
< 바디 스타일 = '텍스트 정렬: 가운데' >
< h2 > HTML DOM 입력 라디오 선택 속성 h2 >
색상 : < 입력 유형 = '라디오' ID = '노란색' > 노란색 < br >< br >
< 버튼 클릭 = '컬러체크()' > 확인하다 '노란색' 단추 >
< 버튼 클릭 = 'colorUncheck()' > 체크 해제 '노란색' 단추 >
위의 코드 라인에서:
- “ <몸> ' 태그는 '에 정렬된 본문 섹션을 정의합니다. 센터 '.
- “ ” 태그는 첫 번째 부제목을 지정합니다.
- “ <입력> ” 태그는 입력 유형을 지정하여 “라디오” 버튼을 추가합니다. 라디오 ' 할당된 ID ' 노란색 '.
- “ <버튼> ” 태그는 '와 관련된 간단한 버튼을 추가합니다. 온 클릭 ” 이벤트를 실행합니다. 컬러체크() ” 버튼 클릭 시 액세스되는 기능.
- 마찬가지로 다른 ' <버튼> ” 태그는 “ colorUncheck() ”버튼 클릭시 기능.
자바스크립트 코드
다음으로 주어진 JavaScript 코드를 따르십시오.
< 스크립트 >기능 colorCheck ( ) {
문서. getElementById ( '노란색' ) . 체크 = 진실 ;
}
기능 색상체크 해제 ( ) {
문서. getElementById ( '노란색' ) . 체크 = 거짓 ;
}
스크립트 >
위의 코드 조각에서:
- 첫 번째 기능 ' 컬러체크() '는 '를 활용한다. document.getElementById() ” 메서드를 사용하여 라디오 버튼을 가져오려면 “ 체크 ” 속성을 선택하고 해당 값을 “true”로 설정합니다.
- 한편, '기능 colorUncheck() '는 '의 값을 설정합니다. 체크 ” 속성을 액세스한 라디오 버튼에 대해 “false”로 설정합니다.
산출
보시다시피 출력은 버튼('Check') 클릭 시 'Radio' 버튼을 체크하고 버튼('Uncheck') 클릭 시 '체크 해제'합니다.
예 2: 입력 라디오 'checked' 값 반환
이 예제는 입력 라디오 '선택됨' 속성을 적용하여 대상 '라디오' 버튼의 상태를 부울 값으로 반환합니다.
HTML 코드
다음 HTML 코드를 고려하십시오.
< 바디 스타일 = '텍스트 정렬: 가운데' >< h2 > HTML DOM 입력 라디오 선택 속성 h2 >
색상 : < 입력 유형 = '라디오' 체크 = 진실 ID = '노란색' > 노란색 < br >< br >
< 버튼 클릭 = '컬러체크()' > 확인하다 '노란색' 단추 >
< 아이디 = '견본' >< 피 >
위의 코드 블록에서 ' 라디오 ” 버튼이 생성되고 “ 체크 ” 속성이 “로 설정됨 진실 '. 그 후 유사하게 명시된 함수는 첨부된 ' 온 클릭 ” 버튼으로 이벤트.
자바스크립트 코드
이제 다음 코드 줄을 고려하십시오.
< 스크립트 >기능 colorCheck ( ) {
어디 = 문서. getElementById ( '노란색' ) . defaultChecked ;
문서. getElementById ( '견본' ) . innerHTML = 티 ;
}
스크립트 >
위의 코드 조각에서:
- '라는 함수를 정의합니다. 컬러체크() '.
- 그 정의에서 ' document.getElementById() ” 메서드는 ID “yellow”를 사용하여 “Radio” 버튼에 액세스하고 “ defaultChecked ” 속성을 사용하여 “ 체크 ' 기인하다.
- 마지막으로 ' document.getElementById() ” 메서드를 다시 사용하여 포함된 빈 단락을 가져오고 “checked” 속성의 상태를 표시합니다.
.
산출
분석된 대로 결과는 주어진 '라디오' 버튼의 상태를 반환합니다. 진실 ” 버튼 클릭 시.
결론
JavaScript에서 HTML DOM 입력 라디오 '선택됨' 속성은 '라디오' 버튼의 선택 상태를 설정하고 반환하는 데 유용합니다. 'checked' 속성의 설정 구문은 ' 진실 ' 그리고 ' 거짓 '. 반면 반환 구문에는 매개 변수가 필요하지 않습니다. 이 기사에서는 JavaScript에서 HTML DOM Input Radio 'checked' 속성의 목적, 기능 및 사용법을 설명했습니다.