IE_Form 특수 효과에서 새로 고친 후 확인란 초기화 문제

언뜻 보기에 이 함수는 매우 간단합니다. 체크박스에 스크립트를 추가하고 이 체크박스의 selected 속성을 false로 설정합니다.

코드 복사 코드는 다음과 같습니다.

<script>document.getElementById("chk_UnInital").checked=false;</script>

이 코드는 Firefox 및 기타에서 이 요구 사항은 브라우저에서 실현될 수 있습니다. Weidu는 검사를 확인할 때마다 새로 고침을 하든 돌아가든 검사를 항상 확인합니다.
이 코드는 IE에서 작동하지 않나요?
확인하려면 이 스크립트 전후에 경고를 추가하고 selected=false 실행 전후에 확인란이 선택 해제되어 있는 것을 확인하세요. 경고 상자가 확인되면 대신 확인란이 나타납니다!
이는 후속 페이지 로딩 시퀀스에서 이벤트가 이 확인란을 다시 true로 설정한다는 것을 의미합니다. 먼저 페이지 온로드에서 이 스크립트를 실행해 보세요.

코드 복사 코드는 다음과 같습니다.

<script> <br>window.onload=function(){ <br> Alert("before"); >　document.getElementById("chk_UnInital").checked=false; <br>} <br></script>

예상대로 Alert("before");를 실행할 때 발견했습니다. 확인 표시가 선택되었습니다. 이는 onload 이벤트 전에 브라우저에서 확인 표시가 자동으로 선택되었음을 의미합니다. 구체적인 이유는 IE의 내부 메커니즘과 관련이 있습니다.
onload 이벤트에 이 기능을 등록하면 이 요구 사항이 충족됩니다.
그러나 페이지의 모든 요소가 로드될 때까지 onload는 실행되지 않습니다. 로컬 테스트 중에 요청이 매우 느리게 반환되어 onload 이벤트가 지연되는 것을 보고 싶지 않습니다.
나중에 페이지를 새로 고칠 때 웹사이트의 다른 확인란이 이전 상태를 저장하지 않는다는 사실을 발견했습니다. 주의 깊게 비교한 결과 이 ​​입력에 추가 selected="" 속성이 있음을 발견했습니다. "checkbox" id ="chk_Inital" name="chk_Inital" check="" />
이 속성을 사용하면 onload에 넣지 않고도 이벤트가 작동할 수 있습니다.
이유는 무엇인가요?
그런 다음 다음 실험을 수행합니다.

코드를 복사합니다. 코드는 다음과 같습니다.

이 확인란은 초기화될 수 없습니다 ;br>

이 체크박스는 초기화될 수 있습니다. /label>


//window.onload=function(){
var chks=document.getElementsByTagName("input"); var i=0, l=chks.length;i 경고(chks[i].id)
chks[i].checked=false; //}



설명의 편의를 위해 여기서는 위 스크립트의 실행 시간을 t1, window.onload의 실행 시간을 t3, 그 사이의 실행 시간을 t2라고 합니다.
alert를 추가한 후 발견한 that :
　Chk_UnInital chk_Inital
스크립트 블록에서 실행되는 스크립트:
t1 이전에 선택됨 선택됨
t1 이후 선택됨 선택 취소됨
onload에서 다음이 실행됨:
t3 이전에 선택됨
t3을 선택하면 선택 해제됨
checked=""를 추가한 후 t1 이전에 선택되고 이후 t1에 의해 선택 해제로 설정된 것으로 확인됩니다.
요약:
옵션 1: onload 이벤트에서 처리
옵션 2: 확인된 속성 추가

<title> 새 문서 </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <form id="form1" name="form1"> <input type="checkbox" id="chk_UnInital" name="chk_UnInital"> <label for="chk_UnInital">이 확인란은 초기 항목일 수 없습니다</label> <input type="checkbox" id="chk_Inital" name="chk_Inital" checked> <label for="chk_Inital">이 확인란은 초기 설정일 수 있습니다</label> <a href="http://www.baidu.com">이 링크를 클릭한 다음 앞으로 이동하면 두 개의 확인란 상태를 확인할 수 있습니다</a> </form>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<script> //window.onload=function(){ var chks=document.getElementsByTagName("input"); for(var i=0,l=chks.length;i<l;i++){ 　　//alert(chks[i].id); 　　chks[i].checked=false; } //} </script>