javascriptでチェックボックスのチェック状態を取得する方法| プロサバメモ

WEBプログラミングやサーバ設定などのメモ場

javascriptでチェックボックスのチェック状態を取得する方法

2022.03.22

チェックボックスのcheckedの状態を見ればチェックされているかが判別できます。

目次

1. 始めに

サンプルの動作

送信ボタンを押すと、チェックボックスがチェックされているかalertを出力。

2. サンプル

送信ボタンを押すとチェックボックスのチェック状態がalertされます。

チェックボックスがチェックされていればcheckedがture。

チェックされていなければ、flase。


javascript

<script>
    function is_check() {
        let ele = document.getElementById('cb');
        if( ele.checked ) {
            alert( 'チェックされています');
        }
        else {
            alert( 'チェックされていません');
        }
    }
</script>

html

<input type="checkbox" id="cb">
<button type="button" onclick="is_check();">確認</button>

関連記事

TOP