无法使用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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;