複数の選択ボックスフル使用addEvenListenerを達成します

最初のステップ、それは複数の選択肢であり、すべてを選択するので、あなたは、私は自分のIDを取得しようとしましたので、それぞれ、マウスをクリックし、クリックイベントにそれらを追加する必要があります

          　//上記のidのボックス全体を取得
  　　　　　　VAR allCheck =のdocument.getElementById（「allCheckを」）; 
　　　　　　　//クリックイベント追加
            allCheck.addEventListener（「クリック」と、clickHandlerを）; 
　　　　　　　//上記IDの追加選択ボックス取得
             のための（VARを私は1 = ; I <5; I ++ ）{
                 VARのチェック=のdocument.getElementById（+ "チェック" Iを）; 
　　　　　　　　　　//は、クリックイベントを追加し
                 、この .addEventListener（ "クリック" と、clickHandler）; 
            }

 第二段階は、この機能のクリックイベントを実行します

関数はclickHandler（E）{ 
　　　　　　　　　　//判断当前是不是全选框
                 場合（この == allCheckが）{
                     ためには、（varが I = 1; I <5; I ++ ）{
                         VARのチェック=のdocument.getElementById（ "チェック" + I） ; 
                        check.checked = allCheck.checked。
                    } 
                } 
                VARの BOOL = 真。
                ため（VAR I ++; I <5 I 1 = {）
                     のvar + =チェックのdocument.getElementById（ "チェック"私）;
                    もし（！check.checked）
                     BOOL = 偽; 
                } 
                allCheck.checked = BOOL。
            }

効果：