JavaScriptを使用してチェックボックスを選択する方法


  1. HTMLでチェックボックスを作成します。例えば、以下のようなコードを使用できます。
<input type="checkbox" id="checkbox1" value="value1">
<label for="checkbox1">選択肢1</label>
<br>
<input type="checkbox" id="checkbox2" value="value2">
<label for="checkbox2">選択肢2</label>
<br>
<input type="checkbox" id="checkbox3" value="value3">
<label for="checkbox3">選択肢3</label>
  1. JavaScriptを使用してチェックボックスを選択します。以下のようなコードを使用できます。
// チェックボックスの要素を取得します
var checkbox1 = document.getElementById("checkbox1");
var checkbox2 = document.getElementById("checkbox2");
var checkbox3 = document.getElementById("checkbox3");
// チェックボックスの状態を確認します
if (checkbox1.checked) {
    console.log("チェックボックス1が選択されています");
}
if (checkbox2.checked) {
    console.log("チェックボックス2が選択されています");
}
if (checkbox3.checked) {
    console.log("チェックボックス3が選択されています");
}

上記のコードでは、getElementByIdメソッドを使用して各チェックボックスの要素を取得し、checkedプロパティを使用してチェックされているかどうかを確認しています。チェックボックスが選択されている場合には、適切な処理を追加してください。