JQueryでチェックボックスの選択を検出できません

Question

JQueryを使用して、チェックボックスが選択されているかどうかを検出しようとしています。私が使用しているJSはそうのようなものです：私のHTMLで

$(":checkbox").click(function() { 
    if (this.checked){ 
     console.log("checked!"); 
    } else { 
     console.log("not checked!"); 
    } 
}); 

チェックボックス：JSコンソールで

<input class="tgl tgl-skewed" id="cb3" type="checkbox"/> 
<label class="tgl-btn" data-tg-off="$" data-tg-on="฿" for="cb3"> </label> 

私はエラーを取得しています：

ReferenceError: Can't find variable: $ 

私は何ここで間違っている？

Answer 1

$("#cb3").click(function() { 
 
    if ($(this).is(':checked')){ 
 
     console.log("checked!"); 
 
    } else { 
 
     console.log("not checked!"); 
 
    } 
 
});

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 
 
<input class="tgl tgl-skewed" id="cb3" type="checkbox"/> 
 
<label class="tgl-btn" data-tg-off="$" data-tg-on="฿" for="cb3"> </label>