この記事では、チェックボックスの選択、非選択、およびアンチセレクトを実装するJSの方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
1。アイデア：
1。要素を取得します
2.クリックイベントを追加して、選択せずにすべてを選択します
3
4.チェックボックスを設定してtrueにチェックして、すべてを選択します
5.選択を達成するためにfalseにチェックされたチェックボックスを設定します
6.チェックされた場合に判断すると、falseおよび選択されていない状態にチェックされた場合、およびチェックされたものがfalseおよび選択されていない状態である場合、セットは真および選択されていない状態にチェックされます。
2。HTMLコード：
<入力タイプ= "ボタン" value = "全选" id = "sele"/> <input type = "button" value = "不选" "id =" setinterval "/> <入力タイプ="ボタン "Value ="反选 "id =" clear "/> <div id ="チェックボックス "> <inputタイプ="チェックボックス "/>> <入力="/> <br/>> <> <>>>>> <入力タイプ= " type = "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <inputタイプ= "チェックボックス" /> <br /> <入力= "チェックボックス" type = "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br /> <inputタイプ= "チェックボックス" /> <br /> <入力= "チェックボックス" type = "チェックボックス" /> <br /> <入力タイプ= "チェックボックス" /> <br />
3。JSコード：
<script> window.onload = function（）{var sele = document.getElementbyid（ 'sele'）; //すべてのvar unsele = document.getelementbyid（ 'setinterval'）; // get unselected var clear = document.getelementbyid（ 'clear'）; // checked = checkbox.getelementsbytagname（ 'input'）; // divの下で入力を取得する//すべてのsele.onclick = function（）{for（i = 0; i <checked.length; i ++）{checked = true}} // unsele.onclick = function（ checked [i] .Checked = false}} // unselect clear.onclick = function（）{for（i = 0; i <checked.length; i ++）{if（checked [i] .checked = true）{checked [i] .checked = false} els {checked = true}} </scripこの記事がみんなのJavaScriptプログラミングに役立つことを願っています。