チェックボックスを全選択/全解除をする

サンプルソース

<script language="Javascript">
function Click_Sub1(check) {
    for(i = 0; i < document.all.c1.length; i++){
        document.all.c1[i].checked = check;
    }
}
</script>

<input type="button" onclick="Click_Sub1(true)" value="全選択">
<input type="button" onclick="Click_Sub1(false)" value="全解除"><br>

<input name="c1" type="checkbox">チェックボックス１<br>
<input name="c1" type="checkbox">チェックボックス２<br>
<input name="c1" type="checkbox">チェックボックス３<br>
<input name="c1" type="checkbox">チェックボックス４<br>
<input name="c1" type="checkbox">チェックボックス５<br>


実行結果


チェックボックス１
チェックボックス２
チェックボックス３
チェックボックス４
チェックボックス５


関連する内容






Copyright (C) JavaScript@Workshop All rights reserved.