javascriptでcheckboxの操作

javascriptでcheckboxの操作

javascriptでのcheckboxの操作がわからなくなってしまうことがあるので、その方法をメモ書き程度にまとめておきます。
ここでは、jqueryを使った方が簡単なので、その方法を掲載します。

チェックボックスの値を取得

<input type="checkbox" id="checkbox1">
//チェックの値を取得
var val = $("#checkbox1").val();
console.log(val);

チェックボックスのON/OFF

<input type="checkbox" id="checkbox1">
//チェックを付ける
$("#checkbox1").prop("checked", true);

//チェックを外す
$("#checkbox1").prop("checked", false);

チェック状態の確認

<input type="checkbox" id="checkbox1">
//チェック状態の確認
var result = $("#checkbox1").prop('checked');
if(result){
    console.log("チェックしている");
}
else{
    console.log("チェックしていない");
}