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>