無料でホームページ素材を提供しています。

チェックボックスのチェック検出

同じformグループ内であれば、 設置するチェックボックス数を増減しても編集ヶ所が少ない仕様です。 また、改造が楽な仕様です。

サンプル

ソース

head内ソース <script type="text/javascript"><!-- var tbl_checkbox; function checkCheckBox(){ tbl_checkbox=new Array(); for(i=0;i<document.f1.elements.length;i++){ if(document.f1.elements[i].checked){ tbl_checkbox[i]=document.f1.elements[i].value; } } if(tbl_checkbox=="" || tbl_checkbox==null){ return false; }else{ return true; } } function execute(){ if(!checkCheckBox()){ alert("何も選択されていません。"); }else{ alert(tbl_checkbox+"が選択されています。"); } } // --></script> body内ソース <form name="f1"> <input type="checkbox" name="c1" value="A" />A<br /> <input type="checkbox" name="c2" value="B" />B<br /> <input type="checkbox" name="c3" value="C" />C<br /> </form> <form name="f2"> <input type="button" value="OK" onclick="execute()"> </form>

《もくじへ│▲このページのトップへ