Checkbox inside an anchor click behavior

Question

Consider following snippet:

Answer 1

I Know this question is over 5 years old, but I had the same issue recently and the work-around I found was to add an onclick function to the checkbox and in that function call event.stopImmediatePropagation().

from w3schools: "The stopImmediatePropagation() method prevents other listeners of the same event from being called"

ie...the anchor.

function checkbox_onclick(event){
event.stopImmediatePropagation(); 
}