CheckBox の全選択および deselection_form 効果を実装する Javascript コード

この記事で紹介する方法は、指定した名前のすべてのチェックボックスを選択または選択解除する独立したトリガー条件を持ち、同じページ上のすべての選択に対して複数のチェックボックスを設定することができ、強力な汎用性を備えています。
レンダリング:

実行して効果を確認します:

<input type="checkbox" name="test" value="" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }"> <input type="checkbox" name="test" value="a"> 全文字選択スイッチ <input type="checkbox" name="test" value="b"> <input type="checkbox" name="test" value="c">b <input type="checkbox" name="test" value="d">c <input type="checkbox" name="test" value="e"> d <input type="checkbox" name="test" value="f"> <input type="checkbox" name="test" value="g">f <br>g <input type="checkbox" name="num" value="" onclick="if(this.checked==true) { checkAll('num'); } else { clearAll('num'); }"> <input type="checkbox" name="num" value="1"> デジタルオールセレクトスイッチ <input type="checkbox" name="num" value="2"> 1 <input type="checkbox" name="num" value="3"> 2 <br> 3 <br><input type="button" value="选择所有的字母" onclick="checkAll('test')"> <input type="button" value="清空选中的字母" onclick="clearAll('test')"> <br> <br><input type="button" value="选择所有的数字" onclick="checkAll('num')"> <input type="button" value="清空选中的数字" onclick="clearAll('num')">