이는 많은 웹사이트에서 매우 일반적인 효과입니다. 즉, 일반 카테고리의 체크박스를 클릭하면 모든 하위 카테고리의 체크박스가 자동으로 선택되거나, 하위 카테고리의 체크박스가 모두 선택되면 일반 카테고리의 체크박스도 선택됩니다. 자동으로 선택됩니다. 이번 msn 홈페이지에서 우연히 보고 직접 적어보았습니다. <title></title> <center> <div style="width:90%;text-align:left;border:1px solid #ccc;height:25px;line-height:25px"> <input type="checkbox" id="d1" onclick="checkAll('1')"> </div>레저 및 엔터테인먼트<div style="width:90%;text-align:left;border:1px solid #ccc;" id="t1"> <input type="checkbox" onclick="fixChk('1')"> <input type="checkbox" onclick="fixChk('1')">책과 잡지 <input type="checkbox" onclick="fixChk('1')">음악 및 비디오 </div>여행 </center> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] function checkAll(str){ var a=document.getElementById("t"+str).getElementsByTagName("input"); var b=document.getElementById("d"+str); for(var i=0;i<a.length;i++){ a[i].checked=b.checked; } } function fixChk(str){ var a=document.getElementById("t1").getElementsByTagName("input"); var b=document.getElementById("d1"); for(var i=0;i<a.length;i++){ if(a[i].checked==false){ b.checked=false; return ; } } b.checked=true; }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
