Uncaught TypeError: $ is not a function when logging checked checkboxes [duplicate]

Question

I want to add string (WooCommerce product tag slug) to URL but I getting this error: Uncaught TypeError: $ is not a function

I get inspired by this JSFiddle

My JS code is:

<script>
     $checkboxes = $("input[type=checkbox");
     $checkboxes.change(function(){
       window.location.hash = "?product_tag=" + $checkboxes.filter(":checked").map(function(){
           return this.value;   
       }).get().join(",");
       console.log(window.location.hash);
     });
</script>

this question already has an answer here stackoverflow.com/a/12343739/3739756 — giulp
– giulp, Commented May 23, 2021 at 8:33

Ran Turner · Accepted Answer · 2021-05-23 08:21:51Z

1

You need to add reference to jQuery in your code. Include it from a CDN (Content Delivery Network) and it will work.

<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"> 
  </script>
</head>

answered May 23, 2021 at 8:21

Ran Turner

18.7k9 gold badges60 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Uncaught TypeError: $ is not a function when logging checked checkboxes [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related