全選択・解除 JavaScript

2008年1月23日

Filed under: JavaScript — admin @ 12:26 PM
JavaScript:
  1. // 全て選択押下処理
  2. function AllChackInput(objAll){
  3.  
  4.     // 全ての要素に対して
  5.     for(var i=0;i<document>
  6.         //チェックボックスであれば
  7.         if(document.AllCheck[i].type=="checkbox"){
  8.             document.AllCheck[i].checked = objAll.checked;
  9.         }
  10.     }
  11.  
  12. }
  13.  
  14. // 全て選択以外の押下処理
  15. function AllChackOnOut(objMbr){
  16.  
  17.     // チェックボックスのチェックが外れたら『全て選択』のチェックを外す
  18.     if(objMbr.checked == false){
  19.         document.AllCheck.chk99.checked = false;
  20.         return;
  21.     }
  22.  
  23.     for(var i=0;i</document><document .allcheck.length;i++){>
  24.         //チェックボックスであれば
  25.         if(document.AllCheck[i].type=="checkbox"){
  26.             // 『全て選択』以外全てチェックされていたら
  27.             // 『全て選択』をチェックする
  28.             if(document.AllCheck[i].checked==false
  29.                              &amp;&amp;
  30.                document.AllCheck[i].name!="chk99"){
  31.                 return;
  32.             }
  33.         }
  34.     }
  35.  
  36.     document.AllCheck.chk99.checked = true;
  37.  
  38. }

HTML:
  1. <form name="AllCheck">
  2. <input type="checkbox" name="chk99" onclick="AllChackInput(this)" />全選択・解除<br />
  3. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  4. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  5. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  6. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1
  7. </form>
  8. </div>

コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする