応用編

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

<html>
<body>

<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>

サンプル

応用編

スポンサードリンク