これは多くの Web サイトで非常に一般的な効果です。つまり、一般カテゴリのチェックボックスをクリックすると、すべてのサブカテゴリのチェックボックスが自動的に選択されます。サブカテゴリのチェックボックスがすべて選択されている場合は、一般カテゴリのチェックボックスも選択されます。自動的に選択されます。 今回は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 すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] 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; }
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
