JS 선택 / 선택 없음 효과를 달성

JS 선택 / 선택 없음 효과를 달성

다음과 같이 코드입니다 :

<! DOCTYPE HTML > 
< HTML LANG = "zh_CN으로" > 
< 머리 > 
    < 메타 문자 집합 = ". UTF-8" > 
    < 제목 > 선택 </ 제목 > 
</ 머리 > 
< 몸 > 
<! - HTML 두 단어 연결 - 파티션 -> 
< 입력 유형 = "확인란" ID = "-모든 확인" 의 onclick = "switchItem를 ();" > < BR > 

<입력 유형 = "체크 박스" 클래스 = "체크 항목을"> < BR > 
< 입력 타입 = "체크 박스" 클래스 = "항목을 확인" > < BR > 
< 입력 타입 = "체크 박스" 클래스 = "체크 항목" > < BR > 
< 입력 타입 = "체크 박스" 클래스 = " 항목을 확인 " > < BR > 
< 입력 유형 ="체크 박스 " 클래스 ="항목을 확인 " > < BR > 
< 입력 유형 ="체크 박스 " 클래스 =" "항목을 체크 > < BR >
< 입력 유형 = "확인란" 클래스 = "체크 항목" > < BR > 

< 스크립트 > 
    // 1. 전체 상자의 상태 찾을 
    // 2. 기타 체크 박스가 전체 상태 상자로 설정 
    기능 switchItem을 () {
         var에 checkAll = document.getElementById를 ( ' 체크인 모두 ' ); 

        var에 항목 = document.getElementsByClassName ( ' - 항목을 확인합니다 ' );
     // 체크 박스의 복수 때문에, 그것은 통과 할 필요가 인덱스를 사용할 수 없습니다 forof 루프 
        에 대한 ( var에 항목의 항목) { 
            item.checked= checkAll.checked; 
        } 
    } 

</ 스크립트 > 
</ 몸 > 
</ HTML >