单击div以使用javascript切换其中的复选框

这似乎是一个简单的问题,但我不使用很多的JavaScript.

我有一个div,其中有一个复选框,并希望整个div切换复选框.这是我到目前为止:

唯一的问题是当您单击实际复选框时,它会切换两次,因此不会更改.

有任何想法吗？

您可以通过使用label元素包装要单击的区域,以更强大和可访问的方式实现此功能.

例如:

我没有测试过上面的代码,但我相信所有浏览器都支持点击标签来检查输入框.

一个打勾的盒子!