코드 복사 코드는 다음과 같습니다. >// 첫 번째 방법<br>function selectall1() <br>{ <br> var a = document.getElementsByTagName("input") <br> if(a[0].checked==true){ <br> for (var i=0; i<a.length i> if (a[i].type == "checkbox") a[i].checked = false <br> } <br> else; <br> { <br> for (var i=0; i<a.length; i ) <BR> if (a[i].type == "checkbox") a[i].checked = true; > } <BR>} <BR><BR>//두 번째 방법<br><br>function selectall2() { <br> var tform = document.forms['form1'] <br> for (var i = 0;i<tform.length;i ) <BR> { <BR> var e = tform.elements[i] <BR> if (e.type == "checkbox") <BR> e.checked = ! e .checked <BR> } <BR>} <BR><BR>//위의 두 가지 방법을 결합한 세 번째 방법 <br>function selectall3() <br>{ <BR> var a = document.getElementsByTagName( "입력"); <BR> for (var i=0; i<a.length; i ) <BR> if (a[i].type == "checkbox") a[i].checked =!a[ i].checked; <BR> } <BR>//네 번째 방법<BR>function selectall4(id){ //id를 사용하여 구분 <BR>var tform=document.forms['form1']; for(var i=0;i<tform.length;i ){ <BR>var e=tform.elements[i] <BR>if(e.type=="checkbox" && e.name==id) e.checked=!e.checked; <BR>} <BR>} <BR>//다섯 번째 방법<BR>function selectall(theform,thename){ //theform은 양식을 지정하며, thename은 해당 항목의 이름 속성입니다. 체크박스 <BR>var tform=document.forms[theform]; <BR>document.getElementById("thewen").value='역선택' <BR>for(var i=0;i<tform.length;i ){ <BR> var e=tform.elements[i] <BR> if(e.type=='checkbox' && e.name==thename)e.checked=!e.checked <BR> } <BR> } <BR> ;/ 양식> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="sid" value="1"> <input type="checkbox" name="sid" value="2"> <input type="checkbox" name="sid" value="3"> <input type="checkbox" name="sid" value="4"> <input name="thes" type="button" onclick="javascript:selectall1()" value="第一种"> <input name="thes" type="button" onclick="javascript:selectall2()" value="第二种"> <input name="thes" type="button" onclick="javascript:selectall3()" value="第三种"> <input name="thes" type="button" onclick="javascript:selectall4('sid')" value="第四种"><input name="thes" type="button" onclick="javascript:selectall5('form1','sid')" value="第五种"> </form> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ] PS : 위의 3가지 방법으로 효과를 얻을 수 있으나, (모두선택|역선택)을 구현하려면 필요에 따라 을 추가해야 합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
