JS와 '없음을 선택 "기능"모두 선택 "달성

 

렌더링 :

 

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > 제목 </ 타이틀 > 
</ 헤드 > 
< 스크립트 > 

    함수 clickon () {
         // 获取到본체中所有선택란 
        VAR의 체크 박스 = document.querySelectorAll ( " 입력 [TYPE = '체크 박스'] " );

         < checkbox.length; 난 ++ ) { 
            선택란 [I]는 .checked를 =  참 ; 
        } 
    } 

    기능 해제합니다 () {
         var에 체크 박스 = document.querySelectorAll ( " 입력 [TYPE = '체크 박스'] " ); 

        위한 ( VAR I =  0 ; I는 < checkbox.length 단계; 내가 ++ ) { 
            체크 박스 [I] .checked를 =  거짓 ; 
        } 
    } 

</ 스크립트 > 
< 몸 >

< 형상 > 
    < 입력 타입 = "체크 박스" > 吃
     < 입력 타입 = "체크 박스" > 喝
     < 입력 타입 = "체크 박스" > 拉
     < 입력 타입 = "체크 박스" > 撒
     < 입력 타입 = "버튼" 값 = "全选" 의 onclick ="clickon () " > 
    < 입력 타입 ="버튼 " 값 ="全不选"의 onclick = "는 () 해제합니다" > 
</ 형성 >


</ 바디 > 
</ HTML >