이 글은 JavaScript를 사용하여 확인란을 선택하고 선택 취소하는 절차를 설명합니다.
JavaScript를 사용하여 확인란을 선택/선택 취소하는 방법은 무엇입니까?
JavaScript에서 확인란을 선택하거나 선택 취소하려면 ' 체크 ' 기인하다. 먼저 HTML 요소 '의 참조를 가져옵니다. 확인란 ” 할당된 “의 도움으로 ID ”를 사용하여 getElementById() ” 방법을 선택한 다음 “ 체크 ” 그 가치에 대한 재산.
예 1: 단일 확인란 선택/선택 취소
먼저 다음 코드 줄을 사용하여 HTML 파일을 만듭니다.
< h3 > 버튼을 클릭하여 확인란을 선택하거나 선택 취소합니다. h3 >
< 입력 유형 = '확인란' ID = '확인란' > 약관 동의 < br >< br >
< 버튼 유형 = '단추' 온 클릭 = '확인하다()' > 예 단추 >
< 버튼 유형 = '단추' 온 클릭 = '체크 해제()' > 아니요 단추 >
위의 코드에서:
- id가 '인 확인란을 만듭니다. 확인란 ' 요소에 액세스하는 데 사용됩니다. 확인란 ” 작업을 수행합니다.
- 두 개의 버튼을 생성합니다. 예 ' 그리고 ' 아니요 ' 기능을 트리거하는 확인란을 선택하거나 선택 취소하려면 ' 확인하다() ' 그리고 ' 체크 해제() ” 클릭 이벤트에 각각.
위의 코드를 실행하면 다음과 같이 출력됩니다.
다음으로 JavaScript 파일 또는 태그의 확인란에서 작업을 수행하는 기능을 정의합니다. 확인란을 선택하려면 아래 코드 줄을 사용하십시오.
기능 확인하다 ( ) {
입력하자 = 문서. getElementById ( '체크박스' ) ;
입력. 체크 = 진실 ;
}
위의 코드에서:
- 함수 정의 ' 확인하다() ” 버튼 클릭을 트리거하여 확인란을 선택합니다.
- 함수 본문 내에서 id '를 사용하여 체크박스의 참조를 가져옵니다. 확인란 ”의 도움으로 getElementById() ” 메서드를 호출하고 변수에 저장 “ 입력 '.
- '를 설정하여 확인란을 선택합니다. 체크 ' 재산 ' 진실 '.
'를 클릭하여 확인란의 선택을 취소하려면 아니요 ” 버튼, 아래 주어진 코드를 사용:
기능 체크 해제 ( ) {입력하자 = 문서. getElementById ( '체크박스' ) ;
입력. 체크 = 거짓 ;
}
위의 코드 스니펫:
- 함수 정의 ' 체크 해제() ” 버튼 클릭을 트리거하여 확인란의 선택을 취소합니다.
- 함수 본문 내에서 id '를 사용하여 체크박스의 참조를 가져옵니다. 확인란 ”의 도움으로 getElementById() ” 메서드를 호출하고 변수에 저장 “ 입력 '.
- '를 설정하여 확인란의 선택을 취소합니다. 체크 ' 재산 ' 거짓 '.
마지막으로 페이지 로드 시 ' 창.온로드 ' 이벤트:
창문. 길 위에 = 기능 ( ) {창문. addEventListener ( '짐' , 확인하다 , 거짓 ) ;
}
산출
출력은 버튼을 클릭하는 동안 확인란이 성공적으로 선택 및 선택 취소되었음을 나타냅니다.
예 2: 여러 확인란 선택/선택 취소
모든 확인란을 동시에 선택하거나 선택 취소하는 방법의 예를 살펴보겠습니다.
먼저 HTML 파일을 만든 다음 여러 개의 체크박스와 id가 ' 비녀장 ” 체크박스를 토글하여 선택하거나 선택 취소합니다.
< h3 > 모든 확인란을 선택하거나 선택 취소하려면 버튼을 클릭하십시오. h3 >< 입력 유형 = '확인란' 수업 = '확인란' > 나를 선택 또는 선택 해제 < br >
< 입력 유형 = '확인란' 수업 = '확인란' > 나를 선택 또는 선택 해제 < br >
< 입력 유형 = '확인란' 수업 = '확인란' > 나를 선택 또는 선택 해제 < br >
< 입력 유형 = '확인란' 수업 = '확인란' > 나를 선택 또는 선택 해제 < br >
< 입력 유형 = '확인란' 수업 = '확인란' > 나를 선택 또는 선택 해제 < br >< br >
< 입력 유형 = '단추' ID = '비녀장' 값 = '확인란을 전환하려면 클릭하세요' >
해당 출력은 다음과 같습니다.
그런 다음 JavaScript 파일 또는