JavaScript@Workshop　
HOME > DHTML サンプル集 > チェックボックスを全選択/全解除をする
チェックボックスを全選択/全解除をする

サンプルソース

<script language="Javascript">
function Click_Sub1(check) {
    var count;
    for(count = 0; count < document.all.c1.length; count++){
        document.all.c1(count).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>

</body>
</html>


サンプル

関連する内容
スポンサードリンク


Copyright (C) 2006-2008 JavaScript@Workshop All rights reserved.