无法使用JQuery检测复选框选择

Question

我正在尝试使用JQuery来检测何时选中一个复选框。 我正在使用的JS就像这样：

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

HTML中的复选框：

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

在JS控制台中，出现错误：

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>