jQuery checkboxに応じて切り替え

jQueryについて、progate初級だけやり、あとは必要なものを調べていく方式で見つけたものをメモしていく。javascriptっぽいのは慣れない・・・()多いし''も多くない？
プライバシーポリシー的なものに応じた人だけボタンが押せるようにしたいことがあったので、調べたことを備忘録に残す。

checkboxに応じて送信ボタンの有効/無効を切り替え

disabled 「ボタンの非活性」

disabled属性をbuttonタグにつけるとそのボタンが非活性化される！
知らなかった。事前にHTMLの方にdisabledをつけておく。

checkboxを用意

<input type="checkbox" id ="check" name ="privacy-policy">
<button type="button" id="button" disabled>ボタン</button>

jQuery部分

    $('#check').change(function () {
        if ($(this).is(':checked')) {
                $('#button').prop('disabled', false);
            } else {
                $('#button').prop('disabled', true);
            }
    })

changeメソッド

input textarea selectで要素の中身が変更されたときにイベント処理が行われるメソッド。

isメソッド

セレクタに一致するかを調べる。
返り値はtrue、false

propメソッド

HTMLのid、class、nameなどの属性を取得したり、checkedの属性を取得するのに使う。
新しい値を設定するときは、第二引数に設定したい値を入力する。