onclick for Bootstrap .btn-group checkbox works in JSFiddle but not browser

Question

The form below contains a Bootstrap toggle button group that uses checkboxes. I need to listen for click events on the checkbox inputs.

Answer 1

I tried to interpret your question as best as I could. Here's my jsfiddle: https://jsfiddle.net/wqse25vj/ I hope it helps.

The hardest part of being a programmer is asking questions. "A problem well-stated is a problem half-solved." holds true. If this is not the answer you were looking for, refine your question and be sure to ask again. As a general note: remember to encapsulate your jQuery code in $(document).ready() and continue experimenting & learning HTML, CSS and Bootstrap. For example, I noticed your HTML label tag missing a for attribute, and a repetition of class names on your divs and input fields (hint: the Bootstrap class is required for the div only.). All the best to you!

Resources I used:

• https://www.tutorialrepublic.com/faq/how-to-check-a-checkbox-is-checked-or-not-using-jquery.php
• copy/pasted the inline-checkbox https://getbootstrap.com/docs/4.0/components/forms/