Click on a div to toggle a checkbox inside of it using javascript

Question

This seems to be a simple problem, but I dont use alot of javascript.

I have a div, with a checkbox in it, and would like the whole div to toggle the checkbox. This

Answer 1

It's possible you could implement this in a more robust and accessible way by using the label element to wrap the area you want to click.

For example:

I haven't tested the above code, but I believe all browsers support clicking of labels to check an input box.