Javascript 使divonclick事件工作，而不是其中的按钮和复选框？

我有一个div，里面有一个复选框，而复选框本身不起作用（它是由div onclick触发的），我想使它能够使单击div上的任意位置（包括复选框或按钮），调用div的onclick事件，而不是按钮/复选框）。有点像z索引，但对于javascript？

使用标签

.product{
显示：内联块；
宽度：100px；
高度：100px；
保证金：5px；
}
.产品标签{
显示：块；
宽度：100%；
身高：100%；
边框：1px纯黑；
光标：指针；
}

产品1
产品2
产品3

您可能想做的是避免复选框触发的事件，尝试通过css

指针事件禁用它：无
所以您正在重新发明label@epascarello但是当我使用标签时，点击复选框也会起作用，这里复选框被禁用，这就是为什么我想触发div的onclick事件为什么复选框被禁用我不理解@SomeName？您可以使用label+checkbox组合元素轻松完成此操作。如果您需要代码方面的帮助，请在线程上回复。您可能要做的是避免复选框触发的事件，尝试通过css指针事件禁用它：无@SomeName您不需要此
，请更改
标签
，然后删除
p