기본적으로 라디오 버튼을 선택하는 방법은 무엇입니까?
기본적으로 ' 체크 ” 속성은 라디오 버튼을 선택하는 데 사용됩니다. 이 속성이 여러 라디오 버튼에 사용되면 가장 최근 라디오 버튼이 기본적으로 선택됩니다. 기본적으로 라디오 버튼을 선택하려면 단계별 블로그를 따르십시오.
1단계: 라디오 버튼 만들기
HTML 파일에서 3개의 라디오 버튼을 만들고 레이블을 첨부합니다.
< 센터 >
< h3 > 경험 수준을 선택하십시오: < / h3 >
< 사업부 >
< 입력 유형 = '라디오' ID = '초보자' 이름 = '경험' 값 = '초보자' >
< 상표 ~을 위한 = '초보자' > 초보자 < / 상표 >
< / 사업부 >
< 사업부 >
< 입력 유형 = '라디오' ID = '중급' 이름 = '경험' 값 = '중급' >
< 상표 ~을 위한 = '중급' > 중급 < / 상표 >
< / 사업부 >
< 사업부 >
< 입력 유형 = '라디오' ID = '전진' 이름 = '경험' 값 = '전진' >
< 상표 ~을 위한 = '전진' > 전진 < / 상표 >
< / 사업부 >
< / 센터 >
위의 코드 조각에서:
- 라디오 버튼은 간단한 ' <입력> ” 태그를 지정하고 해당 유형을 “ 라디오 '.
- 각 라디오 버튼에 '이름', 'ID' 및 '값'을 할당합니다.
- 마지막으로 ' ID '를 첨부할 입력 필드의 ' <레이블> ” 태그를 사용하여 ~을 위한 ' 기인하다.
스크립트를 실행하면 아래와 같이 출력됩니다.
이 그림은 라디오 버튼이 표시되지만 기본적으로 아무 것도 선택되지 않음을 나타냅니다.
2단계: 기본적으로 선택
“ 체크 ” 속성은 라디오 버튼을 자동 선택하는 데 사용됩니다. 하나의 옵션만 선택합니다. 그렇기 때문에 기본적으로 하나의 라디오 버튼을 선택하는 것이 더 나은 접근 방식입니다. 사용자가 올바른 옵션을 선택하도록 제한합니다.
< 사업부 >< 입력 유형 = '라디오' ID = '초보자' 이름 = '경험' 값 = '초보자' 체크>
< 상표 ~을 위한 = '초보자' >초보자< / 상표 >
< / 사업부 >
위의 코드에서 체크 속성이 사용되며 첫 번째 입력 필드에만 할당됩니다.
이제 위의 코드를 실행한 후 웹 페이지는 다음과 같습니다.
출력은 페이지를 새로 고칠 때마다 기본적으로 첫 번째 라디오 버튼이 선택되었음을 보여줍니다.
보너스 팁: JavaScript를 사용하여 기본적으로 라디오 버튼 선택
JavaScript를 사용하여 기본적으로 라디오 버튼을 선택하려면 id를 사용하여 라디오 버튼에 액세스합니다. 그런 다음 아래 코드와 같이 checked 속성을 선택하고 부울 값을 'true'로 설정합니다.
< 스크립트 >문서.getElementById ( '초보자' ) . 체크 = 진실;
< / 스크립트 >
이 코드에서 ' 초보자 ”는 기본적으로 선택된 라디오 버튼의 ID입니다.
스크립트를 컴파일한 후 출력은 다음과 같습니다.
위의 스냅샷에서 첫 번째 라디오 버튼은 JavaScript를 사용하여 기본적으로 선택됩니다.
결론
라디오 버튼을 선택하기 위해 사용자는 ' 체크 ' 기인하다. checked 속성이 둘 이상의 라디오 버튼에서 사용되는 경우 라디오 버튼은 가장 최근의 'checked' 속성 값을 가져옵니다. JavaScript를 사용하여 기본적으로 라디오 버튼을 선택하려면 id를 사용하여 라디오 버튼에 액세스합니다. 이 블로그는 기본적으로 라디오 버튼을 선택하는 방법을 성공적으로 시연했습니다.