[JavaScript] チェックボックスのチェック状態を取得する

投稿日：2016年10月9日更新日：2018年5月3日

チェックボックスのチェック状態を取得するサンプルです。

サンプルソース

例）ボタンを押すとチェックボックスの状態をアラート表示する

function getCheckboxValue(idname){
  //チェック状態を取得する
  var obj = document.getElementById(idname);
  var result = obj.checked;

  // Alertで表示する
  if(result){
    alert('チェック済みです');
  }else{
    alert('未チェックです');
  }
}

function getCheckboxValue(idname){

//チェック状態を取得する

var obj = document.getElementById(idname);

var result = obj.checked;

// Alertで表示する

if(result){

alert('チェック済みです');

}else{

alert('未チェックです');

}

<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>サンプル</title>
  <script src="sample.js"></script>
</head>
<body>
  <input type="checkbox" id="chk1">
  <input type="button" value="ボタン" onclick="getCheckboxValue('chk1');">
</body>
</html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すとチェック状況をアラートで表示します

解説

チェック状態を取得するには、checkedを使用します。
チェック済みの場合はtrue、未チェックの場合はfalseが返ります。

執筆者：とら