[JavaScript] チェックボックスにチェックを付ける

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

チェックボックスにチェックを付けるサンプルです。

サンプルソース

例）ボタンを押すとチェックボックスのオン/オフを切り替える

function changeCheckbox(idname){
  var obj = document.getElementById(idname);
  obj.checked = !obj.checked;
}

function changeCheckbox(idname){

var obj = document.getElementById(idname);

obj.checked = !obj.checked;

}

<!DOCTYPE html>
<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="changeCheckbox('chk1');" />
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

実行サンプル

ボタンを押すと、チェックボックスのオンオフが切り替わります。

解説

チェックボックスのオン/オフは、checkedプロパティにtrue/falseをセットすればOKです。
ラジオボタン(radio)でも、同様にチェックのオン/オフを行えます。

執筆者：とら